如何迭代JavaScript对象？

Question

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

通过一个简单的数组，我可以使用标准的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

对于大多数对象，使用。在:

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

let keys = Object.keys(yourobject);

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

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