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

113 阅读 0 评论 75 点赞

我是靠谱客的博主孤独皮皮虾，这篇文章主要介绍多个数组对应的索引生成新的数组用动态属性名解决，现在分享给大家，希望可以做个参考。

场景: 后台返回的数据

复制代码

1
2
3
4
5
6
7
8
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%'
}

解决办法

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//创建新对象
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])//索引数组插值
	}
}