Run results for: Performance of JavaScript .reduce vs. for vs. for..of

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 141

Operating system: Android

Device Platform: Mobile

Date tested: 9 months ago

for..of (reduce) (destructuring)

77.7M/s

for..of (reduce)

75.7M/s

for

69.9M/s

.reduce (destructuring)

64.8M/s

.reduce

62.7M/s

View exact numbers

Script Preparation code:

const array = [];
for (let i = 0; i < 1000000; ++i) {
    result.push({
        a: i,
        b: i / 2,
    });
}

Tests:

for
const r = 0; for (let i = 0; i < array.length; ++i) { r += array[i].a + array[i].b; }
.reduce
array.reduce((p, x) => p + x.a + x.b, 0);
.reduce (destructuring)
array.reduce((p, {a,b}) => p + a + b, 0);
for..of (reduce)
let r = 0; for (const x of array) { r += x.a + x.b; }
for..of (reduce) (destructuring)
let r = 0; for (const {a,b} of array) { r += a + b; }