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

迭代 JavaScript 物件

在 JavaScript 中，物件是鍵值對的集合。要存取和操作這些屬性，必須了解如何迭代它們。

與透過數字索引存取元素的陣列不同，物件使用屬性名稱作為鍵。要迭代物件屬性，可以使用 for...in 迴圈。

For...in 循環

for...in 循環迭代物件的可列舉屬性。它提供對屬性名稱的訪問，可用於檢索相應的值。

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

使用ES6，如果同時需要鍵和值，則可以一起使用for...of 語法with Object.entries():

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

迭代物件屬性時，需要注意的是，不能保證屬性的順序。繼承的屬性也可能被包含在內，這取決於實作。

為了避免記錄繼承的屬性，可以使用hasOwnProperty() 方法：

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

在區塊中迭代

要以區塊的形式迭代物件屬性，最好的方法是先將屬性名稱提取到一個陣列。這可確保維持順序。

let keys = Object.keys(yourobject);

一旦鍵可用，它們就可以用於按索引迭代屬性：

for (let i=300; i < keys.length && i < 600; i++) { 
   console.log(keys[i], yourobject[keys[i]]);
}

透過遵循這些方法，您可以有效地迭代JavaScript 物件並在各種場景中訪問它們的屬性。

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