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

最新推荐文章于 2023-05-13 10:46:07 发布

原创最新推荐文章于 2023-05-13 10:46:07 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

ZM 专栏收录该内容

9 篇文章

订阅专栏

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

问题描述：

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

想要的数据格式：

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)])
})