当前位置: 首页 > 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/a/294394.html

相关文章:

  • 1111111111待修改--大流量分析(三)-BUUCTF
  • C++《继承》
  • 数字孪生在智慧能源项目中的关键作用,你了解多少?
  • JWT深度解析:Java Web中的安全传输与身份验证
  • Appium配置2024.11.12
  • uni-app移动端与PC端兼容预览PDF文件
  • 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表达式及内联函数的介绍