Javascript学习笔记之数组的遍历和 length 属性
更新时间：2014年11月23日 15:07:19 投稿：hebedich
我们一般用循环来遍历数组，而循环一直是 JavaScript 性能问题的常见来源，有时循环用得不好会严重降低代码的运行速度。数组的属性可以分为三种:length属性,索引属性,其他属性.和普通对象相比,数组对象特殊的地方就是它的length属性和索引属性。
尽管数组在 Javascript 中是对象，但是不建议使用 for in 循环来遍历数组，实际上，有很多理由来阻止我们对数组使用 for in 循环。
因为 for in 循环将会枚举原型链上的所有属性，并且唯一阻止的方法是使用 hasOwnProperty 来判断，这将比普通的 for 循环要慢不少。
遍历
为了达到最佳性能来遍历一个数组，最好的方式就是使用经典的 for 循环。
复制代码 代码如下:
var list = [1, 2, 3, 4, 5, ...... 100000000];
for(var i = 0, l = list.length; i < l; i++) {
console.log(list[i]);
}
这儿有一个额外的技巧，就是通过 l = list.length 来缓存数组的长度。
尽管属性 length 是定义在数组本身的，但是在循环的每一次遍历时仍然会有开销。尽管最新的 Javascript 引擎可能已经对这种情况作了性能上的优化，但是你并不能保证你的 Javascript 代码会一直在这种浏览器上运行。
实际上，不缓存长度的循环要比缓存长度的循环性能上慢不少。
length 属性
尽管 length 属性仅仅通过 getter 方法返回数组中元素的个数，但是可以通过 setter 方法来截断数组。
复制代码 代码如下:
var foo = [1, 2, 3, 4, 5, 6];
foo.length = 3;
foo; // [1, 2, 3]
foo.length = 6;
foo.push(4);
foo; // [1, 2, 3, undefined, undefined, undefined, 4]
给 length 属性赋值一个更小的数将会截断数组，如果赋值一个更大的数则不会截断数组。
总结
为了性能达到最优，建议使用 for 循环而不是使用 for in 循环，同时缓存 length 属性。
还有数组对象是没有任何方法的，只有一个唯一的属性length。字符串对象是有length方法的~~
相关文章
自己写了一个简单的ajax连接库，没有使用jquery的ajax，这个代码要比jquery轻量，大家参考使用吧，2014-01-01
当代码在window onload事件被触发，且sub函数被执行的时候会发生什么事情呢？下面我们来一起了解一下2019-05-05
Javascript - 全面理解 caller，callee，call，apply
Javascript - 全面理解 caller，callee，call，apply...2007-01-01
Javascript学习笔记之函数篇（四）:arguments 对象
JavaScript中arguments函数对象是该对象代表正在执行的函数和调用它的函数的参数。JavaScript 函数中 arguments 为特殊对象,无需明确指出参数名,就能访问它们。2014-11-11
html超链接打开窗口大小的方法，需要的朋友可以参考一下2013-03-03
在JavaScript中，定义函数最常用的方法就是调用function语句。该语句是由function关键字构成的，也是很重要的函数复用。2009-09-09
javascript的构造函数, 原型,原型链和new你了解多少
这篇文章主要为大家详细介绍了javascript的构造函数, 原型,原型链和new，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
这篇文章介绍了JAVASCRIPT函数作用域和提前声明，有需要的朋友可以参考一下2013-08-08
这篇文章主要介绍了JavaScript中Math的使用,需要的朋友可以参考下2014-04-04
这篇文章主要介绍了JavaScript的React框架入门教程,目前React框架正被Facebook开源极力推广中,此文强烈推荐!需要的朋友可以参考下2015-07-07
最新评论