如何有效地迭代 JavaScript 對象，包括處理繼承和分塊？-js教程-PHP中文網

如何有效地迭代 JavaScript 對象，包括處理繼承和分塊？

Patricia Arquette

發布： 2024-12-16 07:55:13

原創

1003 人瀏覽過

How Can I Efficiently Iterate Over JavaScript Objects, Including Handling Inheritance and Chunking?

分段迭代 JavaScript 物件

與迭代數組相比，迭代 JavaScript 物件需要不同的方法。這是因為物件沒有像數組那樣的固定順序。

在

中使用for .. 要迭代物件的鍵（屬性名稱），請使用for .. in 語法：

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

登入後複製

使用Object.entries (ES6)

對於ES6及更高版本，Object.entries() 傳回鍵值對數組。

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

登入後複製

避免繼承屬性

如果你的物件可能從其原型繼承屬性，請使用 hasOwnProperty()來排除它們：

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

登入後複製

按區塊迭代

要迭代區塊中的屬性，請將物件鍵轉換為陣列：

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

登入後複製

以上是如何有效地迭代 JavaScript 對象，包括處理繼承和分塊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！