v-for & for...in vs for...of All In One

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) {
    
}

demos

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

Object for...in vs Array for...in

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

https://stackoverflow.com/questions/39706285/how-can-i-get-the-values-of-array-which-nested-in-a-json-values-and-the-json-als#

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

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

---

---

©xgqfrms 2012-2021

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

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---