700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

时间:2019-07-03 03:00:47

相关推荐

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

引言:

ES6为javascript为数组遍历提供了新的一种方式: for....of....。那之前的遍历方法各存在哪些缺点?for...of...有什么好处?接下来,我们先回顾一下有多少种方式。

方法:

第一种: for 循环

特点:

1. 代码不够简洁

2.常用,性能比较好,数组较大时,也需要优化。

第二种: forEach

特点:

代码比较简洁,但是没法中断停止整个循环,性能比for弱

第三种: for ....in...

特点:

更常用于对象遍历,注意点输出的i 是一个字符串类型,非数值类型,要用,通常还得转换,效率也比较低

第四种:for...of... (es6新增)

特点:

1. 可以用break终止循环,continute跳出当前循环,继续后面的循环

2. 用keys()方法获得数值型索引。

4. 能遍历的对象有:数组,类数组对象,字符串,set和map结构等具有iterator接口的数据结构

第五种: filter

特点:

不会对空数组检测 ,不会改变原始数组

第六种:map

特点:支持return 返回值,实际使用效率比foreach还低

第七种:every

特点:

检测数组所有元素都符合条件返回true,否则返回false.

第八种: some

特点:

检测数组只要有一个符合条件就返回true,剩下元素不会再继续执行,全部不符合返回false

第9种:reduce & reduceRight

特点:

reduce ()接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值

reduceRigh() 跟reduce不一样的是 他是从右边到左边。

第10种: find() & findIndex()

特点:

1.find() 返回数组中符合测试函数条件的第一个元素。否则返回undefined 。

2.findIndex() 返回数组中符合测试函数条件的第一个元素位置

总结: for...of 是es6新出的一种遍历方式,能遍历的对象有:数组,类数组对象,字符串,set和map结构等具有iterator接口的数据结构。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。