將兩個 arrays 合並為一個具有 object 結構的數組

Question

我想取兩個 arrays ，每個元素的數量相等，例如：

colorArr = ['red', 'blue', 'green']
numArr = [1, 2, 3]

...並將它們與索引匹配的 object 屬性組合成一個數組：

newArr = [
  {'Color' : 'red', 'Number' : 1}, 
  {'Color' : 'blue', 'Number' : 2}, 
  {'Color' : 'green', 'Number' : 3}
]

Answer 1

const colorArr = ['red', 'blue', 'green'];
const numArr = [1, 2, 3];

let newArr = colorArr.map((color, index) => {
    return {"Color": color, "Number": numArr[index]};
});

已編輯：按照評論中的建議將colorArr[index]更改為color

Answer 2

使用map方法。 （ 陣列.map ）

 colorArr = ["red", "blue", "green"]; numArr = [1, 2, 3]; // map over colorArr and get values from numArr const output = colorArr.map((Color, i) => ({ Color, Number: numArr[i] })); console.log(output); // Alternatively, map over numArr and get values from colorArr const output2 = numArr.map((Number, i) => ({ Color: colorArr[i], Number })); console.log(output2)