xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

v-for & for...in vs for...of

for..in vs for...of

for (const key in object) {
    if (Object.hasOwnProperty.call(object, key)) {
        const element = object[key];
        
    }
}

for (const iterator of object) {
    
}

demo

const arr = [
  {name: 1},
  {name: 2},
];

// for...of ✅ key in Object

for(let item of arr) {
  console.log(`item = `, item);
}
// item =  {name: 1}
// item =  {name: 2}

// for...in ✅ key in Object

for(let item in arr) {
  console.log(`item = `, item);
}
// item =  0
// item =  1

refs

https://developer.cdn.mozilla.net/en-US/docs/Web/JavaScript/Reference/Statements/for...of

https://developer.cdn.mozilla.net/en-US/docs/Web/JavaScript/Reference/Statements/for...in

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---