JavaScript中for循环写法对运行效率有什么影响？

总的来说对于for循环的写法有这么两种：

1. 不写声明变量的写法：for(var i = 0;i<arr.length;i++){}

2. 写声明变量的写法：for(var i = 0,len = arr.length;i < len;i++){}
   

除了for循环还有forEach() ，也有文章说forEach()效率最高，推荐用forEach()写法，那么到底哪个效率高呢？做个测试来看看吧。

测试方案

总的测试方案如下：

1. 做一个容纳4千万的测试数组变量。

2. 分别用两种写法的for循环和foreach对这个测试变量进行遍历。

3. 在同一台稳定机器上，进行10次测试，最后取平均值。

4. 测试环境：CPU:Inter(R) Core i5-3210M,RAM:12GM,system:win10(x64)
   

测试流程

制作测试变量

先用while循环做个测试变量出来，这个很简单，具体如下：

编写相应测试函数

测量和执行时间的代码，我用的是console.time()和console.timeEnd()来进行测试。

针对这个三个for循环，先做出三个函数出来，他们分别是

foreach循环测试:

没有声明变量的for循环:

有变量声明的写法

执行测试函数

执行测试函数这里很简单啦，就是调用函数就可以了

测试结果

经过10次测试，得到了以下结果

不知道结果有没有让你出乎意料呢？没想到最平常的写法效率最高，为什么？我也没想明白，谁知道就告诉我吧，但我估计写声明的写法是没有意义的。因为len = arr.length这个arr.length可能已经缓存起来了，所以我们在声明个len变量来存储是没有意义的。

for循环的特殊写法

for循环的基本语法是:

1. 语句1：在循环（代码块）开始前执行

2. 语句2：定义运行循环（代码块）的条件

3. 语句3：在循环（代码块）已被执行之后执行
   

如果我们用for循环要输出1到10，我们可以这么写:

但是！根据上面的语法说明，我们也可以写成这样

刚开始看的时候我也很疑惑，怎么能这么写？语句2放的是循环条件，i–是什么判断条件。其实不然，在语句2中，如果返回true循环会继续执行。在js中0,null,undefined,false,'',””作为条件判断时，其结果为false，也就说当i–到0的时候就是false，循环就终止了。

再回到文章开头的代码

这个rule = rules[i++]就是判断条件，当成为undefined时就会终止循环啦。所以这段代码换成普通写法就是这样的：

其实就是把判断和赋值放到一起了，一边循环一边赋值。是不是挺简单？

以上就是JavaScript中for循环写法对运行效率有什么影响？的详细内容，更多请关注Gxl网其它相关文章！