细说 Javascript 数组篇（一） : 数组的遍历和 length 属性

TigerChain 发布于2019-08-21 12:17 / 2991人阅读

摘要：遍历为了达到最佳性能来遍历一个数组，最好的方式就是使用经典的循环。尽管属性是定义在数组本身的，但是在循环的每一次遍历时仍然会有开销。给属性赋值一个更小的数将会截断数组，如果赋值一个更大的数则不会截断数组。

尽管数组在 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 属性。

参考

http://bonsaiden.github.io/JavaScript-Garden/#array.general

超融合服务器 idc机房托管 javascript中的二维数组数组遍历遍历数组遍历筛选数组

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87538.html

细说 Javascript 对象篇（四） : for in 循环

摘要：第二是，由于会遍历整个原型链，所以当原型链过长时，会对性能造成影响。总结建议养成过滤属性的好习惯，不要对运行环境做任何假设，也无论原生的原型对象是否被扩展。如同 in 运算符一样，使用 for in 循环遍历对象属性时，也将往上遍历整个原型链。 // Poisoning Object.prototype Object.prototype.bar = 1; var foo = {m...

Kross 2019-08-19 14:39 评论0 收藏0
细说 Javascript 函数篇（四） : arguments 对象

因为最近有博友反馈我的博文是直接翻译的参考链接内的内容，所以我在这里要说明一下，以免引起不必要的误会。首先，我很喜欢 segmentfault 的交流和学习的氛围，所以我很愿意在这里跟各位 SFer 交流学习心得，相互学习，共同进步。第二，我做技术方面的工作不久，所以学习经历也不是很长，但是我发现写博客，总结自己的学习心得是个很好的学习习惯，至少对于我个人而言，我于此收益颇丰，所以我决定坚持一...

aristark 2019-08-21 12:15 评论0 收藏0
细说 Javascript 数组篇（二） : 数组的构造函数和常见操作

摘要：数组的构造函数由于数组的构造函数在处理参数时的不确定性，因此强烈建议使用符号来创建一个新数组。总结综上所述，我们应该尽量使用来创建新函数，而不是数组的构造函数，这样代码将有更好的可读性。数组的构造函数由于数组的构造函数在处理参数时的不确定性，因此强烈建议使用 [] 符号来创建一个新数组。 [1, 2, 3]; // Result: [1, 2, 3] new Array(1, ...

kaka 2019-08-19 14:45 评论0 收藏0
细说数组常用遍历的方法

摘要：需要返回值，如果不给，默认返回使用场景假定有一个数值数组将数组中的值以双倍的形式放到数组写法方法使用场景假定有一个对象数组将数中对象某个属性的值存储到数组中三从数组中找出所有符合指定条件的元素检测数值元素，并返回符合条件所有元素的数组。 showImg(https://segmentfault.com/img/remote/1460000016810336?w=1149&h=524);...

阿罗 2019-08-29 17:05 评论0 收藏0
细说数组常用遍历的方法

摘要：需要返回值，如果不给，默认返回使用场景假定有一个数值数组将数组中的值以双倍的形式放到数组写法方法使用场景假定有一个对象数组将数中对象某个属性的值存储到数组中三从数组中找出所有符合指定条件的元素检测数值元素，并返回符合条件所有元素的数组。 showImg(https://segmentfault.com/img/remote/1460000016810336?w=1149&h=524);...

AlphaWatch 2019-08-02 11:48 评论0 收藏0