Javascript学习笔记之数组的遍历和length属性_基础知识

来源：动视网责编：小采时间：2020-11-27 21:29:05

Javascript学习笔记之数组的遍历和length属性_基础知识

Javascript学习笔记之数组的遍历和length属性_基础知识:尽管数组在 Javascript 中是对象，但是不建议使用 for in 循环来遍历数组，实际上，有很多理由来阻止我们对数组使用 for in 循环。因为 for in 循环将会枚举原型链上的所有属性，并且唯一阻止的方法是使用 hasOwnProperty 来判断，这将比普通的

推荐度：

点击下载本文 文档为doc格式

导读Javascript学习笔记之数组的遍历和length属性_基础知识:尽管数组在 Javascript 中是对象，但是不建议使用 for in 循环来遍历数组，实际上，有很多理由来阻止我们对数组使用 for in 循环。因为 for in 循环将会枚举原型链上的所有属性，并且唯一阻止的方法是使用 hasOwnProperty 来判断，这将比普通的

尽管数组在 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方法的~~