首頁猿問將鍵、值 JSON 數組轉換為表格...

將鍵、值 JSON 數組轉換為表格 JSON 格式

JavaScript

富國滬深 2023-09-28 16:20:36

我有以下圖表的 JSON 數據var chartJson = [ { header : '2016', values : [1, 5, 9] }, { header : '2017', values : [2, 4, 8] }, { header : '2018', values : [3, 1, 5] }];并需要將其轉換為這種格式以提供我的 HTML 表var tableJson = [ { 2016 : 1, 2017 : 2, 2018 : 3 }, { 2016 : 5, 2017 : 4, 2018 : 1 }, { 2016 : 9, 2017 : 8, 2018 : 5 }];任何將其轉換為這種格式的快速幫助將不勝感激。我嘗試使用這段代碼，但不知何故缺少邏輯。let table = []; for(var row of chartJson ){ for(var value of row.values) { table.push( { column : row.header, value : value }); } }

查看完整描述

3 回答

狐的傳說

TA貢獻1804條經驗獲得超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)

反對回復 2023-09-28

汪汪一只貓

TA貢獻1898條經驗獲得超8個贊

迭代每個chartJson' 元素及其值（通過內部循環）直到values'length 并從中創建一個對象。
最后，將該對象推入table數組中。

就是這樣。

看看下面的片段：

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);

反對回復 2023-09-28

Qyouu

TA貢獻1786條經驗獲得超11個贊

let table = chartJson.reduce((tbl, rec) => {

? ? ? ? ? rec.values.forEach((num, index) => {

? ? ? ? ? ? ? ? ? if(!tbl[index]){

? ? ? ? ? ? ? ? ? ? ? ? ? tbl[index] = {}

? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? tbl[index][rec.header] = num

? ? ? ? ? })

? ? ? ? ? return tbl

? ? ? ? ? }, [])

數組reduce函數用于循環遍歷每個對象，比每個對象循環遍歷每個值，檢查表中是否存在索引，如果不存在，則在當前索引處創建一個空對象。最后它在當前索引對象中創建一個鍵值。

反對回復 2023-09-28

3 回答
0 關注
187 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將鍵、值 JSON 數組轉換為表格 JSON 格式

將鍵、值 JSON 數組轉換為表格 JSON 格式

3 回答

添加回答