关于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效率更高。