多個數組對應的索引生成新的數組 用動態屬性名解決

場景: 後臺返回的數據

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