首页 > Windows开发 > 详细

js遍历API总结

时间:2019-08-29 12:39:09      阅读:91      评论:0      收藏:0      [点我收藏+]

1.for 循环

普通遍历方法,可优化,存下数组的length,避免每次都去获取数组的length,性能提升

技术分享图片

2.for-in

可遍历数组和对象,

(for key in obj){}

该方法既可以读取对象本身的成员属性,又可以遍历出对象的原型属性

3.forEach遍历

无返回值,可用return 退出循环,不能用break退出循环

技术分享图片

4.map循环

遍历后返回一个新数组,不改变原数组,相当于把数组的每一项变成return的值

原数组:

技术分享图片

map方法:

技术分享图片

结果(新数组):

技术分享图片

5.filter遍历

有返回值,不改变原数组,筛选,不改变数组每一项的值,筛选出满足条件的新数组

技术分享图片

技术分享图片

6.for-of遍历

在遍历 Array,Map,Set,String,TypedArray,arguments 对象等上创建一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行语句

遍历数组时无法获取下标index,可用return ,break,continue 等语句

技术分享图片

7.every遍历

返回值为true 或者false , 当数组的每一项都满足条件返回true,否则返回false

技术分享图片

技术分享图片

8.some遍历

只要数组中有某些项满足运行条件,返回true,否则返回false

技术分享图片

 

 9.find方法遍历

对数组每个元素执行提供的函数,若有第一个符合函数要求,则返回此数组元素,结束循环。否则返回undefined

 技术分享图片

技术分享图片

10.reduce方法遍历

累加,空数组无返回值

技术分享图片

技术分享图片

total:前面几项的累加值

reduce的第二个参数:传递给函数的初始值,可选

 

js遍历API总结

原文:https://www.cnblogs.com/rechal-lxx/p/11428853.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!