ZM—后台无法给想要的数据格式（1）

小鱼有毒

于 2021-02-19 11:02:38 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏： ZM

本文链接：https://blog.youkuaiyun.com/wangyu0513/article/details/113859356

ZM 专栏收录该内容

9 篇文章

订阅专栏

博客内容讲述了在处理后台返回的数据格式不匹配问题时，如何通过JavaScript将接收到的二维数组格式转换为指定的一维对象数组格式。具体解决方案是使用forEach循环遍历并根据索引重新赋值，确保每个对象包含'jihua'、'wancheng'和'chaoqian'三个属性。

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

问题描述：

后台无法给想要的数据格式，

想要的数据格式：

threedata: [
	{
		jihua: '',
		wancheng: '',
		chaoqian: ''
	},
	{
		jihua: '',
		wancheng: '',
		chaoqian: ''
	},
	{
		jihua: '',
		wancheng: '',
		chaoqian: ''
	},
]

后台给的数据格式：

threedata: {
	jihua1：'',
	jihua2：'',
	jihua3：'',
	wancheng1:'',
	wancheng2:'',
	wancheng3:'',
	chaoqian1:'',
	chaoqian2:'',
	chaoqian3:'',
    }

解决方案：

根据索引重新赋值

 this.threedata.forEach((item, index) => {
	this.$set(item, 'jihua', newVal[0]['jihua' + (index + 1)])
	this.$set(item, 'wancheng', newVal[0]['wancheng' + (index + 1)])
	this.$set(item, 'chaoqian', newVal[0]['chaoqian' + (index + 1)])
})