javascript - 如何遍历 JavaScript 对象？

Question

我在 JavaScript 中有一个对象:

{
    abc: '...',
    bca: '...',
    zzz: '...',
    xxx: '...',
    ccc: '...',
    // ...
}

我想使用 for 循环来获取它的属性。而且我想分部分迭代它(不是一次所有对象属性)。

使用一个简单的数组，我可以使用标准的 for 循环:

for (i = 0; i < 100; i++) { ... } // first part
for (i = 100; i < 300; i++) { ... } // second
for (i = 300; i < arr.length; i++) { ... } // last

但是如何处理对象呢？

Answer 1

用于迭代 Arrays, Strings, or Objects 的键, 使用 for .. in :

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

在 ES6 中，如果您同时需要键和值，请这样做

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]);
   }
}

如果您使用的是简单对象(例如您自己使用 {} 制作的对象，则在迭代键时无需检查 hasOwnProperty )。

This MDN documentation更一般地解释如何处理对象及其属性。

如果你想“分 block ”做，最好是提取数组中的键。由于无法保证订单，因此这是正确的方法。在现代浏览器中，您可以使用

let keys = Object.keys(yourobject);

为了更兼容，你最好这样做:

 let keys = [];
 for (let key in yourobject) {      
     if (yourobject.hasOwnProperty(key)) keys.push(key);
 }

然后你可以通过索引迭代你的属性:yourobject[keys[i]] :

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