JavaScript for循环语句的执行顺序和优化

2017-11-1 13:51| 发布者: admin| 查看: 1252| 评论: 0|来自: 蚂蚁部落

for循环的基本用法可以参阅JavaScript for 循环语句一章节。

可能很多初学者对for循环的执行流程和一些值得注意的优化细节还不够了解。

下面通过代码实例对此做一下介绍。

一.代码实例:

[JavaScript] 纯文本查看 复制代码
var sum=0;
var array=[1,2,3,4,5,6,7,8,9];
for(var  index=0,len=array.length;index<len;index++){
  sum+= array[index];
}

循环输出数组元素中的值,for循环语句的执行顺序简单介绍:

图示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201711/01/135313wnu1my914l1m9ee3.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面的图片描绘了for循环的执行过程,下面再做一下总结:

(1).首先会出现话一个计数变量,和获取数组的长度。

(2).计数变量和数组长度大小判断,然后进累加计算。

(3).大括号中的代码执行完毕,再执行i++,然后再执行计数变量和长度的比较,然后再进行运算。

二.简单优化:

在编码中,有很多朋友习惯于如下写法:

[JavaScript] 纯文本查看 复制代码
var sum=0;
var array=[1,2,3,4,5,6,7,8,9];
for(var index=0;index<array.length;index++){
  sum+= array[index];
}

上面的代码执行的效率就稍差一些,因为计数变量与数组长度进行比较的时候,每次都要获取一次数组长度这样就会消耗一部分性能。

代码修改如下:

[JavaScript] 纯文本查看 复制代码
var sum=0;
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var len = array.length;
for (var index = 0; index < len; index++) {
  sum+= array[index];
}
1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部