JS中数组与对象的遍历方法实例小结

本文实例讲述了JS中数组与对象的遍历方法分享给大家供大家参考,具体如下:

一、数组的遍历:

首先定义一个数组

rush:js;"> arr=['sNow','bran','king','nightking'];

1、for循环,需要知道数组的长度;

2、foreach,没有返回值,可以不知道数组长度;

rush:js;"> arr.forEach(function(ele,index){ console.log(index); console.log(ele) })

3、map函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新数组,原数组不变;

rush:js;"> var newarr=arr.map(function(i){ return "hello "+i }); console.log(newarr)

4、filter函数:过滤通过条件的元素组成一个新数组,原数组不变;

rush:js;"> var newarr=arr.filter(function(i){ return i == "bran" }); console.log(newarr)

5、some函数,遍历数组中是否有符合条件的函数,返回布尔值;

4 }); console.log(yy) //true

6、every函数,遍历数组是否每个元素都符合条件,返回布尔值;

4 }); console.log(xx) //false

7、reduce函数,为数组中的每一个元素依次执行回调函数

语法:

rush:js;"> arr.reduce(callback,initialValue)
rush:js;"> [0,1,2,3,4].reduce(function(prevIoUsValue,currentValue,index,array){ return prevIoUsValue + currentValue; });

callback:执行数组中每个值的函数包括四个参数;

  • prevIoUsValue:上一次调用回调返回的值,或者是提供的初始值(initialValue);
  • :当前被处理的值;

  • index:当前元素在数组中的索引;
  • array:调用reduce的数组;
  • initialValue:作为第一次调用callback的第一个参数;

例如:

rush:js;"> var total = [0,3].reduce(function(a,b) { return a + b; }); // total == 6 var flattened = [[0,1],[2,3],[4,5]].reduce(function(a,b) { return a.concat(b); }); // flattened is [0,4,5]

要提供initialValue的话:

rush:js;"> var total = [0,b) { return a + b; },4); console.log(total); //10

二、对象的遍历

rush:js;"> var obj={sNow:1,bran:2,king:3,nightking:4}; for(let i in obj){ console.log(i+','+obj[i]) }

in也可以用来遍历数组,不过i对应于数组的key值:

rush:js;"> for(let i in arr){ console.log(i+','+arr[i]) }

PS:

这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考:

在线JS常见遍历方式性能分析比较工具:

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...