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

前端之家收集整理的这篇文章主要介绍了JS中数组与对象的遍历方法实例小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

一、数组的遍历:

首先定义一个数组

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

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

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

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

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

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

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

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

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

语法:

IoUsValue,currentValue,index,array){ return prevIoUsValue + currentValue; });

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

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

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

例如:

要提供initialValue的话:

二、对象的遍历

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

PS:

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

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

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

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

原文链接:https://www.f2er.com/js/30987.html

猜你在找的JavaScript相关文章