在for循环中length值是否需要缓存

在for循环中length值是否需要缓存

在for循环中是否需要缓存length值，相信很多程序猿们都纠结过此问题，下面就这一问题的分析请看下文：

在js性能优化中，有一个常见的小优化，即

// 不缓存

for (var i = 0; i < arr.length; i++) {

　　...

}

// 缓存

var len = arr.length;

for (var i = 0; i < len; i++) {

　　...

}

那么，我们就应该摒弃这种写法吗?不是的，还有另外一种情况，必须使用这种写法。

请看例子：

复制代码 代码如下:

var divs = documenUCEAuJt.getElementsByTagName("div"), i, div ;

for( i=0; i

　　div = document.createElement("div");

    document.body.appendChild("div");

}

以上代码会导致无限循环：第一行代码会取得所有的div元素的nodelist，由于nodelist是动态的，因此只要有新的div添加到页面中，下一次的for循环就会再对divs.length求值，因此i和divs.length每次都会同时递增，结果他们的值永远不会相等，就创建了一个死循环。

所以，如果想要迭代一个nodelist最好使用length属性初始化第二个http://变量，然后将迭代器与该变量进行比较，修改后的代码如下：

复制代码 代码如下:

var divs = document.getElementsByTagName("div"), i, div ,len ;

for(i=0;len=divs.length;i

　　div = document.createElement("div");

　　document.body.appendChild("div");

}

这个例子中初始化了len，由于len中保存着divs.length在循环开始时的一个快照，因此会避免上一个例子中出现的无限循环问题，因此当需要对nodelist进行循环迭代的时候，使用这种方法更为保险。

总结：

1.将length的值进行缓存，到底是否有利于性能优化，是一个需要根据具体情况进行判断的事情，总体来讲，减少对DOM的访问还是有好处的；

2.当需要操作nodelist的时候，建议将length的值进行缓存，可以避免出现死循环。

以上内容就是针对是否需要缓存length值在for循环中的全部介绍，希望大家喜欢。

　　div = document.createElement("div");

    document.body.appendChild("div");

}

以上代码会导致无限循环：第一行代码会取得所有的div元素的nodelist，由于nodelist是动态的，因此只要有新的div添加到页面中，下一次的for循环就会再对divs.length求值，因此i和divs.length每次都会同时递增，结果他们的值永远不会相等，就创建了一个死循环。

所以，如果想要迭代一个nodelist最好使用length属性初始化第二个http://变量，然后将迭代器与该变量进行比较，修改后的代码如下：

复制代码 代码如下:

var divs = document.getElementsByTagName("div"), i, div ,len ;

for(i=0;len=divs.length;i

　　div = document.createElement("div");

　　document.body.appendChild("div");

}

这个例子中初始化了len，由于len中保存着divs.length在循环开始时的一个快照，因此会避免上一个例子中出现的无限循环问题，因此当需要对nodelist进行循环迭代的时候，使用这种方法更为保险。

总结：

1.将length的值进行缓存，到底是否有利于性能优化，是一个需要根据具体情况进行判断的事情，总体来讲，减少对DOM的访问还是有好处的；

2.当需要操作nodelist的时候，建议将length的值进行缓存，可以避免出现死循环。

以上内容就是针对是否需要缓存length值在for循环中的全部介绍，希望大家喜欢。

　　div = document.createElement("div");

　　document.body.appendChild("div");

}

这个例子中初始化了len，由于len中保存着divs.length在循环开始时的一个快照，因此会避免上一个例子中出现的无限循环问题，因此当需要对nodelist进行循环迭代的时候，使用这种方法更为保险。

总结：

1.将length的值进行缓存，到底是否有利于性能优化，是一个需要根据具体情况进行判断的事情，总体来讲，减少对DOM的访问还是有好处的；

2.当需要操作nodelist的时候，建议将length的值进行缓存，可以避免出现死循环。

以上内容就是针对是否需要缓存length值在for循环中的全部介绍，希望大家喜欢。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。