js数组对象的遍历

2022-08-25 19:30:26 阅读：157 来源： 互联网

标签：code arr 遍历 -- js item 大乔 foreach 数组

// 数组循环的方法

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' }
 */

标签：code,arr,遍历,--,js,item,大乔,foreach,数组
来源： https://www.cnblogs.com/gjzsa/p/16625463.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js数组对象的遍历