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

场景: 后台返回的数据

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])//索引数组插值
	}
}