如何將鍵和值推入 javascript 中的數組

Question

試圖推送新的鍵和值但不工作。這里給出了我的代碼。 不要使用 {'id5':5} 因為我不是試圖推動 object 1. 在 object 內嘗試 0

演示： https://stackblitz.com/edit/js-1guupk

 items = [{ 'id1': 1, 'id2': 2, 'id3': 3, 'id4': 4 }]; items.push('id5': 5); console.log(items);

Output 應該是：

console.log(items);

     0: Object
     id1: 1
     id2: 2
     id3: 3
     id4: 4
     id5: 5

Answer 1

 var items = [{ 'id1': 1, 'id2': 2, 'id3': 3, 'id4': 4 }]; // items[0] is an object items[0].id5= 5; console.log(items)

Answer 2

您正在嘗試在 object 上使用.push()方法，但這不起作用。 要獲得結果，您必須向 object 添加一個屬性。

有關更多信息，請訪問文檔： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

 items = [{ 'id1': 1, 'id2': 2, 'id3': 3, 'id4': 4 }]; items[0]['id5'] = 5; console.log(items);

Answer 3

您可以通過解構 object 來執行此任務

 var items = [{ 'id1': 1, 'id2': 2, 'id3': 3, 'id4': 4 }]; items = [{...items[0], 'id5': 5 }] console.log(items)

MDN 文檔

Answer 4

它對你不起作用，因為：

1- items 是一個對象數組，當您將某些內容推送到數組時，您會向數組示例添加另一個值：

items.push("hello")

結果：

items = [{
  'id1': 1,
  'id2': 2,
  'id3': 3,
  'id4': 4
},
"hello"
];

2-您的 object 只是數組的第一個元素（items [0]）

items[0] == {
    'id1': 1,
    'id2': 2,
    'id3': 3,
    'id4': 4
}

3-您可以通過以下方式通過密鑰訪問屬性或向此 object 添加新屬性：

items[0][key] = value; //key as a string

或者

items[0].key = value;

如果密鑰已經存在，它將覆蓋該值，否則添加一個新的。