js効率の探索（1）

コード

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プッシュ作成時間：390
VM5438：18 arr [i] = i作成時間：438
VM5438：29 forEach作成時間：198
VM5438：36マップ作成時間：1699
VM5438：45ループでarr.lengthを使用する時間：85
VM5438：53 for ++時間：25
VM5438：59 for –時間：24

総括する：

1.ループを行う場合は、forEachを使用するのが最適です。forを使用する場合は、長さを最初に置くことを忘れないでください。
3.プッシュ補間は、arr [i]割り当てよりも効率的です。