為什麼我的控制台在 JavaScript 中循環物件數組時僅顯示第一個物件？

循環存取物件陣列並存取屬性

迭代包含物件的陣列並操作其屬性可能會帶來挑戰。本文探討了一個常見問題，即控制台僅顯示數組中的第一個對象，儘管數組包含多個對象。

問題1：僅顯示第一個物件

當使用循環遍歷物件陣列時，下列程式碼可能只顯示第一個物件：

for (var j = 0; j < myArray.length; j++){
    console.log(myArray[j]);
}

這個問題出現這種情況是因為for 迴圈遍歷數組索引，依序存取每個物件位置。循環中的 console.log 語句僅列印第一個物件的值。

問題2：存取物件屬性

存取陣列中物件的特定屬性，下列程式碼可能會傳回未定義：

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

出現此錯誤是因為點符號在陣列括號內無效。若要在迴圈中存取物件屬性，請使用 forEach 方法。

解決方案：使用 forEach

forEach 方法內建於 JavaScript 陣列中，提供了更簡潔高效的方法迭代物件陣列並存取其屬性的方法。

yourArray.forEach(function (arrayItem) {
    var x = arrayItem.prop1 + 2;
    console.log(x);
});

forEach 方法採用回呼函數作為參數，將目前陣列項目作為其第一個參數傳遞。在回呼中，您可以使用點表示法存取物件的屬性並執行必要的操作。

以上是為什麼我的控制台在 JavaScript 中循環物件數組時僅顯示第一個物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！