javascript - 如何测量大型数组的加载时间？

Question

我正在编写的 JavaScript 小部件中有一个相当大的数组，我想知道将其保留为一个数组还是将其分成几个较小的数组，在浏览器资源方面是否会更有效？谁能推荐一种测试差异的方法？

Answer 1

您始终可以使用 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