如何有效地迭代 JavaScript 物件及其屬性？

迭代 JavaScript 物件：綜合指南

瀏覽 JavaScript 物件的屬性是程式設計的一個重要面向。與具有定義順序的陣列不同，物件屬性是動態的，可以使用 for-in 迴圈存取。

使用for...in 循環

對於簡單迭代時，for...in 循環是一個簡單的選擇：

for (let key in myObject) {
  console.log(key, myObject[key]);
}

此循環迭代myObject 的所有屬性，記錄這兩個屬性鍵和對應的值。

用於鍵和值的Object.entries()

ES6 引入了Object.entries()，它傳回一個鍵值數組對：

for (let [key, value] of Object.entries(myObject)) {
  console.log(key, value);
}

這提供了一種更乾淨、更簡潔的方式來存取金鑰和

排除繼承的屬性

要避免記錄繼承的屬性（這在原型的情況下會發生），請使用hasOwnProperty():

for (let key in myObject) {
  if (myObject.hasOwnProperty(key)) {
    console.log(key, myObject[key]);
  }
}

將迭代分解為區塊

要迭代區塊中的物件屬性，建議使用Object.keys() 將鍵提取到數組中。這可確保維持順序：

let keys = Object.keys(myObject);

for (let i = 0; i < keys.length; i++) {
  console.log(keys[i], myObject[keys[i]]);
}

此方法允許透過在 for 迴圈內設定開始和結束索引來進行特定迭代。

透過了解這些技術，開發人員可以自信地迭代JavaScript 對象，既高效又可以控制所存取的特定屬性。

以上是如何有效地迭代 JavaScript 物件及其屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！