关于js效率的探索(一)

代码

var ts, te;
var arr = [];
ts = new Date();
for (var i = 0; i < 10000000; i++) {
  arr.push(i);
}
te = new Date();
console.log('push创建时间:' + (te - ts));


arr = [];
ts = new Date();
for (var i = 0; i < 10000000; i++) {
  arr[i] = i;
}
te = new Date();
console.log('arr[i]=i 创建时间:' + (te - ts));


var arr2 = new Array(10000000).fill(0); // 约88ms forEach和map对于空数组是不会执行回调函数的。
arr = [];
ts = new Date();
arr = new Array(10000000);
arr2.forEach((item, index) => {
  arr[index] = index;
});
te = new Date();
console.log('forEach 创建时间:' + (te - ts));


arr = [];
ts = new Date();
arr = arr2.map((item, index) => index);
te = new Date();
console.log('map 创建时间:' + (te - ts));


ts = new Date();
for (var i = 0; i < arr.length; i++) {
}
te = new Date();
console.log('循环中使用arr.length的时间:' + (te - ts));


var arrLength = arr.length;
ts = new Date();
for (var i = 0; i < arrLength; i++) {
}
te = new Date();
console.log('for++时间:' + (te - ts));

ts = new Date();
for (var i = arrLength; i >= 0; i--) {
}
te = new Date();
console.log('for--时间:' + (te - ts));

输出:

VM5438:8 push创建时间:390
VM5438:18 arr[i]=i 创建时间:438
VM5438:29 forEach 创建时间:198
VM5438:36 map 创建时间:1699
VM5438:45 循环中使用arr.length的时间:85
VM5438:53 for++时间:25
VM5438:59 for–时间:24

总结:

1、做循环时,最好用forEach, 如果用for,记得把length先提出。
3、push插值相比arr[i]赋值,push效率更高。

猜你喜欢

转载自blog.csdn.net/u013475983/article/details/85048572