JavaScript 数组遍历性能优化与 length 属性详解

JavaScript 数组遍历性能优化

尽管数组在 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 中（即 l = list.length）。虽然 length 属性直接定义在数组对象上，但在每次循环迭代中访问它仍会产生一定的属性查找开销。尽管现代 JavaScript 引擎可能已对此类访问进行了性能优化，但无法保证所有浏览器环境都具备相同的优化机制。实际测试表明，未缓存长度的循环执行速度显著慢于缓存长度的版本。

length 属性与数组截断机制

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 属性赋值一个比当前长度更小的数值，会直接截断数组，移除超出新长度的元素；若赋值为更大的数值，则不会截断数组，而是将数组扩展至新长度，新增的索引位置值为 undefined。

总结

为了获得最优的执行性能，建议在遍历数组时优先使用 for 循环替代 for-in 循环，并养成缓存 length 属性的习惯。

此外需注意，数组对象本身并不包含其他方法，仅拥有 length 这一核心属性；而字符串对象则具备 length 方法。