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

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 发布文章使用：只允许注册用户才可以访问！

---