当前位置: 首页 > article >正文

vue----一维数组根据同一id改成二维数组

vue----一维数组根据同一id改成二维数组

初始数据(多个dimension_id值一样):
在这里插入图片描述

转换后的数据(类似于):

[
	{
		dimension_id: 'xxxxxxxxx',
		desc: '111',
		res: [
			{ id: '4444444', self_score: 90 },
			{ id: '5555555', self_score: 80 }
		]
	},
	{
		dimension_id: 'zzzzz',
		desc: '111',
		res: [
			{ id: '1111', self_score: 70 },
			{ id: '2222222', self_score: 60 }
		]
	}
]

代码转化:

let res = []
this.tableData.forEach((item) => {
	let { dimension_id, self_explain, id, self_score } =
		item
	if (!res[dimension_id]) {
		res[dimension_id] = {
			dimension_id: dimension_id,
			desc: self_explain || '',
			res: []
		}
	}
	res[dimension_id].res.push({
		id: id,
		self_score: self_score || ''
	})
})
let result = Object.values(res)

打印效果:
在这里插入图片描述


http://www.kler.cn/news/294394.html

相关文章:

  • WPF入门到跪下 第十一章 Prism(四)View与ViewModel的自动关联
  • 大数据集群(Hadoop生态)安装部署
  • 一点思考:在 Python 数据科学和机器学习研究背景下,代码审查(Code Review, CR)的必要性
  • python如何读取excel文件内的数据
  • MySQL数据库时间类型
  • DELTA_IA-ASD_ASDA-A2简明教程
  • 【无标题】使用Go (或者 Python) 执行外部命令,直接模式和 Shell模式的区别
  • OpenHarmony鸿蒙开发( Beta5.0)智能手表应用开发实践
  • 【C-实践】文件服务器(3.0)
  • 交友系统“陌陌”全方位解析
  • 数据仓库理论知识
  • 【Python】一文详细向您介绍 bisect_left 函数
  • Java内存马系列 | SpringMVC内存马 - 上 | SpringMVC代码分析
  • netty编程之基于websocket实现聊天功能
  • 【SRC】某次众测绕过限制注册用户+敏感信息泄露漏洞
  • 鸿蒙双向认证
  • 贷款利率高低跟什么有关?仅凭身份证就能贷到款?额度是多少?
  • SCSS darken函数
  • Socket编程---TCP篇
  • Kotlin高阶函数与Lambda表达式及内联函数的介绍
  • 深度学习速通系列:推荐五个提高机器学习模型鲁棒性和稳定性的开源工具或框架
  • 打靶记录16——Momentum
  • 周末总结(2024/09/07)
  • springboot+vue+mybatis计算机毕业设计智慧篮球馆预约+PPT+论文+讲解+售后
  • html 单页面路由模式hash和history
  • Shell脚本基本语法(Linux篇)
  • MapSet之二叉搜索树
  • 1-7 掩膜的运用 opencv树莓派4B 入门系列笔记
  • 力扣239题详解:滑动窗口最大值的多种解法与模拟面试问答
  • GNN会议期刊汇总(人工智能、机器学习、深度学习、数据挖掘)