如何在JavaScript中使用值添加數組中的新項目

Question

我有一個帶有一些值的數組，我想向該數組添加一個新元素。

我有一個像這樣的數組：

arr1 = [
 {'id': '1', 'data': 'data1'},
 {'id': '2', 'data': 'data2'}
]

val = ['value1','value2'] 

我想在arr1添加val數組並制作一個新數組，如下所示：

arr1 = [
 {'id': '1', 'data': 'data1', 'val': 'value1'},
 {'id': '2', 'data': 'data2', 'val': 'value2'}
]

我怎樣才能做到這一點 ？ 我是Javascript新手，因此可以提供任何類型的幫助。 謝謝！

Answer 1

通過for循環或Array#forEach遍歷任一數組。 使用loop變量訪問兩個數組的元素，並通過分配給它來創建新屬性：

for (var i = 0; i < arr1.length; i++) {
  arr1[i].val = val[i];
}

Answer 2

arr1.forEach((item, index) => {
  item.val = val[index]
})

這將遍歷數組中的每個項目，並為每個屬性添加新屬性，並引用val數組中的索引以獲取正確的值。

作業： Array.prototype.forEach

Answer 3

 const arr1 = [{ 'id': '1', 'data': 'data1' }, { 'id': '2', 'data': 'data2' } ] const val = ['value1', 'value2'] const res = arr1.map((el, index) => ({ ...el, val: val[index] })) console.log(res)