如何在 JavaScript 中循環和存取物件數組中的屬性？

循環和存取物件陣列中的屬性

在 JavaScript中，與簡單值數組相比，循環包含對象的數組需要修改方法.

迭代對象

要迭代數組中的對象，可以使用forEach()方法。與基本循環結構不同，forEach() 為數組中的每個元素執行回調函數：

myArray.forEach((element) => {
  console.log(element);
});

此程式碼將記錄 myArray 陣列中的每個物件。

存取物件屬性

要在迴圈內存取物件屬性，可以使用點表示法或方括號表示法：

forEach((element) => {
  console.log(element.x); // Dot notation
  console.log(element["y"]); // Bracket notation
});

範例

讓我們修改問題中的程式碼以使用forEach()：

for (var j = 0; j < myArray.length; j++) {
  console.log(myArray[j].x); // This returns "undefined"
}

myArray.forEach((element) => {
  console.log(element.x); // This works
});

在第一個循環中，它錯誤地嘗試存取字串「undefined」的「x」屬性。使用 forEach() 和適當的回呼函數可以讓您成功存取和操作數組中每個物件的屬性。

以上是如何在 JavaScript 中循環和存取物件數組中的屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！