使用 Javascript 將 object 轉換為數組格式

Question

我有這樣的數據 object ：

{
  "backgroundColor": [
    "#E5700F",
    "#DA830F",
  ],
  "data": [
    26,
    10,
  ],
}

我想將格式更改為：

[
{
"backgroundColor": "#E5700F",
"data": 26,},
{
"backgroundColor": "#DA830F",
"data": 10,},
]

如何使用 javascript 實現它？

Answer 1

你可以這樣做：

const old = {
  backgroundColor: ["#E5700F", "#DA830F"],
  data: [26, 10],
};

let newArray = [];

old.backgroundColor.forEach((item, idx) => {
  newArray.push({ backgroundColor: item, data: old.data[idx] });
});

Answer 2

如果 object 不是動態的，這可能會起作用。

 let data = { "backgroundColor": [ "#E5700F", "#DA830F", ], "data": [ 26, 10, ], }; let result = data.backgroundColor.map(function(item, index) { return { backgroundColor: item, data: data.data[index] } }); console.log(result);

Answer 3

您可以這樣做：請注意，數組的長度可能不相等，因此最好在您的數據轉換例程中考慮這一點。

 let sourceData = { "backgroundColor": [ "#E5700F", "#DA830F", ], "data": [ 26, 10, ], }; let result = []; let length = Math.max(sourceData.backgroundColor.length, sourceData.data.length); for (let index = 0; index < length; index++) { result.push({ "backgroundColor": sourceData.backgroundColor[index], "data": sourceData.data[index] }) } console.log(result);