如何测量大型阵列的加载时间？

Question

我正在写一个javascript小部件中有一个相当大的数组，我想知道它是否在浏览器资源方面更有效率，只将其作为一个数组或将其分解为几个较小的数组？ 任何人都可以推荐一种测试差异的方法吗？

Answer 1

可以使用firefox或chrome在您尝试比较的不同方法之前和之后执行console.log（new Date.toString（））。 我不认为打破常规会减少时间。

Answer 2

你总是可以使用console.time('timerName')和console.timeEnd('timerName')设置一个计时器，找出javascript代码两点之间的经过时间，然后比较结果：

console.time('BigArray');
var arr1 = [];
for(var i=0; i<200000; i++){
    arr1.push('test');
}
console.timeEnd('BigArray');


console.time('SeveralArrays');
for(var i=0; i<200000; i++){
    var arr2 = ['test'];
}
console.timeEnd('SeveralArrays');

输出将是这样的：

BigArray: 123ms
SeveralArrays: 456ms

Answer 3

仅拆分数组不会提高处理速度。

我建议使用Web Workers。 他们会将任务卸载到一个单独的线程，如果将任务拆分成块，可以加快速度。 但这完全取决于可用的核心数量。

如果您正在处理非常庞大的数据集，它还会阻止UI挂起。 从UX的角度来看非常有用。

我之前使用过Paralell.js，我喜欢它。 它为不支持Web Workers的浏览器提供了后备。

http://adambom.github.io/parallel.js/