请告诉我,将值推送到数组中的更快方法是什么?
我写了一个简单的测试来比较push
和a[a.length]=
方法:
推送.js:
self.onmessage = function (event) {
var n = Number(event.data),
i,
pushAr = [],
pushStart,
pushDuration,
ar = [],
start,
duration,
message;
// Push
pushStart = new Date();
for (i = 0; i < n; i += 1) {
pushAr.push(i);
}
pushDuration = new Date() - pushStart;
// explicit
start = new Date();
for (i = 0; i < n; i += 1) {
ar[ar.length] = i;
}
duration = new Date() - start;
message = "N = " + n;
message += "nPush duration: " + pushDuration + "; ";
message += "Length duration: " + duration;
self.postMessage(message);
};
主.js:
var worker = new Worker("push.js"),
i;
worker.onmessage = function (event) {
console.log(event.data);
};
for (i = 4; i < 8; i += 1) {
worker.postMessage(Math.pow(10, i));
}
我得到了以下结果:
铬:
N = 10000
Push duration: 0; Length duration: 0
N = 100000
Push duration: 3; Length duration: 5
N = 1000000
Push duration: 56; Length duration: 90
N = 10000000
Push duration: 807; Length duration: 948
野生动物园:
N = 10000
Push duration: 1; Length duration: 4
N = 100000
Push duration: 2; Length duration: 2
N = 1000000
Push duration: 27; Length duration: 41
N = 10000000
Push duration: 283; Length duration: 461
火狐:
N = 10000
Push duration: 1; Length duration: 0
N = 100000
Push duration: 2; Length duration: 2
N = 1000000
Push duration: 11; Length duration: 20
N = 10000000
Push duration: 279; Length duration: 412
似乎Array.push
更快,但为什么有些库使用array length
呢?这种方法有什么好处?为什么Chrome这么慢?也许存在一些更快的方法?
这两种方法完全相同,推送速度更快,因为相同的算法(获取数组长度)在脚本引擎内部工作,而不是在脚本中工作。 如果需要将该表达式的结果作为新值,则可以使用 ar[ar.length],例如在链式 assigment somevar = ar[ar.length] = "some new value"
我发现了一些其他可能的用途 - 与旧版本的javascript引擎兼容。在 JScript 版本 5.0 的Microsoft文档中,数组对象中没有提到推送方法。我实际上找到了我自己的代码,从当时(2000年左右)开始,它实际上使用了images[images.length] = s
代码。所以,也许数组并不总是有推送方法。
附言是的,MSDN 的推送方法表示需要版本 5.5,这在 Windows 2000 中甚至没有。
一些库(例如jQuery)使用ar[ar.length]
,因为它们不使用真正的数组,而是使用ArrayObjects,它没有.push
方法,因为它们是对象而不是数组。用于解决该问题并且您可能经常遇到的另一个技巧是
Array.prototype.push.call(arrObj,'newValue');
Panda-34提到了使用ar[ar.length]
的另一个原因:链式作业..!