js for循环高性能高逼格细节分析

1.for循环相信大家都用很多，还要拿出来讲，这不是搞笑吗？客官别急，给我一首歌的时间

一般用for循环的方法：

for(var i=0;i<arr.length;i++){

console.log(i);

console.log(arr[i]);

}

相信大多数人都是这样写的，但是客官请看：

每次循环都读取一次arr.length你不累啊，你不累计算机还累呢

每次要获取当前遍历的值的时候还要去读取一次，如果多个地方用还要定义一个变量存在，计算机不累你不累啊

写法二：

for(var i=0,len=arr.length;i<len;i++){

console.log(i);

console.log(arr[i]);

}

虽然是不用每次读取长度了，但是要获取值还是一样没有得到改善，这你能忍受吗？而且逼格并没有提高，机能忍你也不能忍，你能忍我也不能忍了吧

写法三：

for(var i=0,val;val=arr[i++];){

console.log(i);

console.log(val);

}

再也不用和长度属性相互折磨了，要获取当前的值再也不用在循环体里面定义变量存放了，还有你看，它逼格立马提升了，人格都得到升华了

ps：早上闲来无聊，所以就写几个文字来吐吐槽，博客官一笑而已，什么？说我屌丝？给屌丝点个赞憋，要给我送钱也是可以的