js中的for循环--效率提升

1、常用写法:

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

    console.log(arr[i]);

}

每次都需要读取一次arr.length,进行判断

2、数组的长度先缓存起来

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

    console.log(arr[i]);

}

变量定义完整,不用再从数组中取回长度,直接让计算机判断i与length

3、运用了js中的技巧

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

    console.log(val);

}

判断与赋值放在一起,边循环边赋值;

再看一个for(var i=10;i--;){console.log(i);}

粗看一开始会以为是错误的,因为语句没有完整,不过循环会是10次,为什么?

因为条件句第二句i<10;返回的是true;而在js中0,null,undefined,false和空字符串都会是false值

所以,在i变为0的时候自动转换为布尔值false,从而进行循环结束终止;

这个理解了那再回头看上面第三种写法,i = 0与var同时放在初始条件,val = arr[i++]判断,

如果arr[i++]大于了arr.length,则val就是未定义,判断为undefined,判断终止,循环结束;

故,循环中可以通过简写利用0,null,undefined,false和空字符串等进行判断,巧妙使用了js中的特定技巧。

猜你喜欢

转载自blog.csdn.net/mameng1988/article/details/81156040