多个数组对应的索引生成新的数组 用动态属性名解决

场景: 后台返回的数据

let params = {
      rank: '1,2,3,4,5,6,7,8,9,10',
      name: '天娱百货,小百货,壹方城,美宜佳,正佳广场,武林店铺,万汇宝,聚宝盆,美滋滋,乐嘉嘉',
      distance:
        '100 米,250 米,350 米,450 米,500 米,520 米,550 米,600 米,900 米,1200 米',
      percent: '10%,11%,13%,9%,8.6%,7.8%,9.7%,12%,11%,8.6%'
}

解决办法

//创建新对象
let listObj = {};

//遍历数据对象
for (const key in params) {
let valArr = params[key].split(",");//值转换成数组

//值数组循环, 把索引是0的放进listObj对象的arr0数组里
for (let i = 0; i < valArr.length; i++) {
	if( listObj[`arr${i}`] === undefined){//第一次创建后, 后面无需重置数组
		listObj[`arr${i}`] = []//新建索引数组,这里涉及到了新语法, 动态属性名 ***重点
    }
    listObj[`arr${i}`].push(valArr[i])//索引数组插值
	}
}

最后

以上就是孤独皮皮虾为你收集整理的多个数组对应的索引生成新的数组 用动态属性名解决的全部内容，希望文章能够帮你解决多个数组对应的索引生成新的数组 用动态属性名解决所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。