JS 对象动态添加Key value对

最新推荐文章于 2025-06-20 15:17:17 发布

原创最新推荐文章于 2025-06-20 15:17:17 发布 · 1.3w 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种将表格数据转换为JSON格式的方法。通过遍历表头(columnList)和数据列表(dataList)，动态创建JSON对象。该方法适用于需要将二维数据结构转化为JSON格式的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求

json对象动态添加key value对。
例如目前有个数据 columnList和dataList，需要解析成jsonArray

columnList: [
	'表头1', '表头2', '表头3'
]
dataList: [
	['数据1', '数据2', '数据3'],
	['数据11', '数据22', '数据22'],
]

=> 
data : [
	{ '表头1': '数据1', '表头2': '数据2', '表头3': '数据3' }
	,{}
]

可以理解为动态增加Json。

方法

声明对象有两种方法

let json = { key: value } 而这种方法显然不能动态添加，且key不是一个变量
let json = {}; json[key] = value.
而这种方法显然可以动态添加，所以

let data = [];
dataList.forEach(value => {
	let obj = {};
	for(let i = 0;i < columnList.length;i ++) {
		obj[columnList[i]] = dataList[i];
	}
	data.push(obj);
})