3 回答

TA貢獻(xiàn)1804條經(jīng)驗 獲得超3個贊
var chartJson = [{
header: '2016',
values: [1, 5, 9]
},
{
header: '2017',
values: [2, 4, 8]
},
{
header: '2018',
values: [3, 1, 5]
}
];
let table = [];
chartJson.forEach((row, index) => {
row.values.forEach((val, j) => {
table[j] = { ...table[j],
[row.header]: val
}
});
});
console.log(table)

TA貢獻(xiàn)1898條經(jīng)驗 獲得超8個贊
迭代每個
chartJson
' 元素及其值(通過內(nèi)部循環(huán))直到values'
length 并從中創(chuàng)建一個對象。最后,將該對象推入
table
數(shù)組中。
就是這樣。
看看下面的片段:
var chartJson = [
{
header: '2016',
values: [1, 5, 9]
},
{
header: '2017',
values: [2, 4, 8]
},
{
header: '2018',
values: [3, 1, 5]
}
];
let table = [];
let len_of_chartJson = chartJson.length, len_of_values = chartJson[0].values.length;
for (var i = 0; i < len_of_chartJson; i++) {
let obj = {};
for (var j = 0; j < len_of_values; j++) {
obj[chartJson[j].header] = chartJson[j].values[i];
}
table.push(obj);
}
console.log(table);

TA貢獻(xiàn)1786條經(jīng)驗 獲得超11個贊
let table = chartJson.reduce((tbl, rec) => {
? ? ? ? ? rec.values.forEach((num, index) => {
? ? ? ? ? ? ? ? ? if(!tbl[index]){
? ? ? ? ? ? ? ? ? ? ? ? ? tbl[index] = {}
? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? tbl[index][rec.header] = num
? ? ? ? ? })
? ? ? ? ? return tbl
? ? ? ? ? }, [])
數(shù)組reduce函數(shù)用于循環(huán)遍歷每個對象,比每個對象循環(huán)遍歷每個值,檢查表中是否存在索引,如果不存在,則在當(dāng)前索引處創(chuàng)建一個空對象。最后它在當(dāng)前索引對象中創(chuàng)建一個鍵值。
添加回答
舉報