概览
1.性能比较:for > forEach > map。
2.for 循环没有额外的函数调用栈和上下文。
3.forEach:函数签名中包含了参数和上下文,性能低于 for 循环。
4.map:map会返回一个新的数组,数组的创建和赋值会导致分配内存空间,因此会带来较大的性能开销。
使用for进行数组的遍历并打印时间:2.831787109375 ms
const arr = []
for (let i = 0; i < 100 * 10000; i++) { // 新建数组包含一百万个元素
arr.push(i)
}
const length = arr.length
console.time('for')
let n1 = 0
for (let o = 0; o < length; o++) {
n1++
}
console.timeEnd('for') // for: 2.831787109375 ms
使用forEach进行数组的遍历并打印时间:8.5107421875 ms
const arr = []
for (let i = 0; i < 100 * 10000; i++) { // 新建数组包含一百万个元素
arr.push(i)
}
const length = arr.length
console.time('forEach')
let n2 = 0
arr.forEach(() => {
n2++
})
console.timeEnd('forEach') // forEach: 8.5107421875 ms
使用map进行数组的遍历并打印时间:13.64990234375 ms
const arr = []
for (let i = 0; i < 100 * 10000; i++) { // 新建数组包含一百万个元素
arr.push(i)
}
const length = arr.length
console.time('map')
let n3 = 0;
arr.map(() => {
n3++;
})
console.timeEnd('map') // map:13.64990234375 ms