js数组对象的遍历


// 数组循环的方法

var arr = [{ code: 10 }, { value: 100 }, { name: '大乔' }, { age: '18' }];

// for----of
for (let item of arr) {
   console.log('for--of', item);
}
/**
for--of { code: 10 }
for--of { value: 100 }
for--of { name: '大乔' }
for--of { age: '18' }
 */


// for--in
for (const item in arr) {
   if (Object.hasOwnProperty.call(arr, item)) {
      const element = arr[item];
      console.log('for--in', element);
   }
}
/**
for--of { code: 10 }
for--of { value: 100 }
for--of { name: '大乔' }
for--of { age: '18' }
 */

// map 
arr.map((item) => {
   console.log(item);
})
/**
{ code: 10 }
{ value: 100 }
{ name: '大乔' }
{ age: '18' }
 */


// for --- earch
arr.forEach(item => {
   console.log('foreach', item);
})
/**
foreach { code: 10 }
foreach { value: 100 }
foreach { name: '大乔' }
foreach { age: '18' }
 */

// 升级版 foreach
Array.prototype.forEach.call(arr, (item) => {
   console.log("升级版", item);
})
/**
升级版 { code: 10 }
升级版 { value: 100 }
升级版 { name: '大乔' }
升级版 { age: '18' }
 */

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/282222.html

(0)
上一篇 2022年8月25日
下一篇 2022年8月25日

相关推荐

发表回复

登录后才能评论