js数组遍历方式和性能对比

方法有:

  1. 普通for循环,优化普通for循环
  2. forEach
  3. forEach变种
  4. forin循环
  5. map遍历
  6. forof遍历(需要ES6支持)

for循环优化:

for(j = 0,len=arr.length; j < len; j++) {
   }

使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。
这种方法基本上是所有循环遍历方法中性能最高的一种

forEach变种

Array.prototype.forEach.call(arr,function(el){  
   });

由于foreach是Array型自带的,对于一些非这种类型的,无法直接使用(如NodeList),所以才有了这个变种,使用这个变种可以让类似的数组拥有foreach功能。
实际性能要比普通foreach弱

性能对比

在这里插入图片描述
for优化最快
forin最慢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值