传智博客
快捷导航
蚂蚁部落
蚂蚁部落 网站首页 实例代码 jQuery实例 查看内容

js for循环语句的执行顺序和简单优化

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

关于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];
}

上面的代码执行的效率就稍差一下,因为计数变量与数组长度进行比较的时候,每次都要获取一次数组长度这样就会消耗一部分性能,当然这个代码比较简单,在很多比较复杂的代码中也是同样的道理。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-11-19 20:21 , Processed in 0.083399 second(s), 22 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部