javascript如何写一个for循环

weixin_30627341

于 2013-12-09 19:57:00 发布

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/well1010/p/javascript-for-each.html

版权

一个非常简单的for循环，也有不少的学问。假如，我们的目标是要遍历一个dom结点的所有孩子结点，然后打印结点的内容。

在javascript下，我刚学习的时间，我会这样写。

for(var i = 0; i<d.childNodes.length;i++){
  var item = d.childNodes[i];
  //dosomething about item...        
}

这个时候，细心的同学，已经发现了。每次计算.length的性能是非常差的。然后第一版本的优化如下

for(var i = 0,len = d.childNodes.length ; i< len ;i++){
  var item = d.childNodes[i];
  //dosomething about item...        
}

有没有更好的优化方案呢？

for(var i = 0; item = d.childNodes[i] ;i++){
  //dosomething about item...        
}

发现了没有。用一句item=d.childNodes[i], 即完成了判断，又完成了赋值，看上去，是不是很舒服呢？而且不需要计算length。性能也是不是更好呢？

注间：这种方法，适合数字类型的数组的遍历循环，　如果一个数组的索引是这样的　

var a = [1,3,11];

面对这样的数组，可一定要小心了，它找a[1] ,发现没有，就直接不往下遍历了。亲。。

转载于:https://www.cnblogs.com/well1010/p/javascript-for-each.html

关注