【JavaScript】循环优化

减少每次循环工作量

首先看看for遍历一个数组每次循环的工作量

for(var i=0;i<arr.length;i++){
    
    
    //...操作
}

1.查找一次arr的长度

2.比较一次i和arr.length的值

3.判断比较结果为true或false

4.执行for循环内的操作

5.i变量的自增(如果步骤3中判断结果为true的话)

存储arr.length的值

每次我们都要去查找一次length的值,那么我们为什么不先在设置初始条件时使用一个变量来存储arr的length值呢。

减少在循环内计算或者操作

1、实例化变量放在for循环外,减少实例化的次数

2、把能在循环外计算的,尽量在循环外计算,减少在内层的运算,有判断条件的语句和与循环不相关的操作语句尽量放在for外面

3、应当将最长的循环放在最内层,最短的循环放在最外层,以减少CPU跨切循环层的次数

倒序循环

for(var i=arr.length;i--;){
    
    
    //...操作
}

此时每次循环的步骤变为

1.i==true的判断(i为0时等式即成立)

2.i变量的自减

3.执行循环内的操作

可以看到,倒序操作实际上就是将i和数组长度的比较和判断为true或false这两步合并,不用比较长度了,也不用判断了,以此来得到性能上的优化。

猜你喜欢

转载自blog.csdn.net/Bon_nenul/article/details/126919236