数组的遍历方法

数组的遍历方法:

1.普通的for 循环
for(j = 0; j < arr.length; j++) { }
简要说明:最简单的一种,性能不弱,但仍有优化空间

2.优化版for循环
for(j = 0,len=arr.length; j < len; j++) { }
简要说明:使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显

3.forEach循环
arr.forEach(function(e){ });
简要说明:数组自带的forEach循环,使用频率较高,实际上性能比普通for循环弱

4.类数组用forEach
Array.prototype.forEach.call(arr,function(el){ });
简要说明:由于forEach是数组类型自带的,一些类数组是无法直接使用,所以通过call来改变this指向来实现forEach功能,但是实际性能要比普通的forEach要弱

5.for in 循环
for(j in arr) { }
简要说明:此循环很多人喜欢用,但经过分析测试,在众多循环中它的效率是最低的

6.map遍历
arr.map(function(n){ });
简要说明:有返回值,可以reurn出来,return的是什么,就相当于把这个数组变成了什么,不会对原来的数组进行修改

7.for of遍历(需要ES6支持)
for(let value of arr) { });
简要说明:可以使用break、continue和return语句,for in 中不可以

8.fiilter遍历
返回的是一个新数组

9.some遍历
返回的结果中有一个是true则返回true

10.every
返回的结果中有一个是false则返回false

11.reduce遍历(迭代)
此方法接收一个函数为累加器,数组中的每个值(从左到右)开始缩减,直到最后一个值。它接受一个函数,里面有四个参数,分别是 上一次的值,当前值,当前值的索引,数组

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
});

如果再最后面加了参数:
[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
},5);

12.reduceRight
和上面的功能一样,区别在于它是从末尾向前累加。

13.find()
stu.find((element) => (element.name == ‘李四’))
返回数组中符合测试函数条件的第一个元素,否则返回undefined

14.findIndex()
对于数组中的每个元素,findIndex 方法都会调用一次回调函数(采用升序索引顺序),直到有元素返回 true。只要有一个元素返回 true,findIndex 立即返回该返回 true 的元素的索引值。如果数组中没有任何元素返回 true,则 findIndex 返回 -1。

[1,2,3].findIndex(function(x) { x == 2; });
// Returns an index value of 1.

[1,2,3].findIndex(x => x == 4);
// Returns an index value of -1.

15.keys,values,entries
ES6 提供三个新的方法 —— entries(),keys()和values() —— 用于遍历数组。它们都返回一个遍历器对象,可以用for…of循环进行遍历,唯一的区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历

16.set遍历
set是 通过new一个函数来创建的,因为它是实例上的方法,并且它可以默认去重。set.add()不能jia

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值