Exploración de la eficiencia js (1)

Código

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));

Salida:

VM5438: 8 tiempo de creación de inserción: 390
VM5438: 18 arr [i] = i tiempo de creación: 438
VM5438: 29 para cada momento de creación: 198
VM5438: 36 tiempo de creación del mapa: 1699
VM5438: 45 el tiempo para usar arr.length en el bucle: 85
VM5438: 53 para ++ tiempo: 25
VM5438: 59 para - tiempo: 24

para resumir:

1. Al hacer un bucle, es mejor usar forEach. Si usa for, recuerde poner la longitud primero.
3. La interpolación push es más eficiente que la asignación arr [i].