高性能的JavaScript for循环

avatar 2018年8月10日18:10:14 评论

关于原生JS的for循环有很多种写法。

一、一般用for循环的方法:

1
2
3
4
for(var i=0;i<arr.length;i++){
    console.log(i);
    console.log(arr[i]);
}

很多人都这么写,但是每次循环都读取一次arr.length;

二、第二种写法:

1
2
3
4
for(var i=0,len=arr.length;i<len;i++){
    console.log(i);
    console.log(arr[i]);
}

虽然是不用每次读取长度了,但是要获取值还是一样没有得到改善。

三、第三种写法:

1
2
3
4
for(var i=0,val;val=arr[i++];){
    console.log(i);
    console.log(val);
}

要获取当前的值再也不用在循环体里面定义变量存放了。升华!!!

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: