Run results for: compare .map with for...of

Run details:

User agent: Mozilla/5.0 (X11; Linux aarch64) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/60.5 Safari/605.1.15

Browser: Safari 60

Operating system: Linux

Device Platform: Desktop

Date tested: 10 months ago

for...of (destructured)

61K/s

.map

59K/s

.map (destructured)

59K/s

for...of

59K/s

for...of [fixedLengthResult]

57K/s

for...of (destructured) [fixedLengthResult]

55K/s

View exact numbers

Test name	Executions per second
✓ for...of (destructured)	60,801 Ops/sec
.map	59,376 Ops/sec
.map (destructured)	58,839 Ops/sec
for...of	58,507 Ops/sec
for...of [fixedLengthResult]	57,419 Ops/sec
for...of (destructured) [fixedLengthResult]	55,498 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

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

Tests:

.map
const array = generateTestArray(); const result = array.map(x => x.a + x.b);
.map (destructured)
const array = generateTestArray(); const result = array.map(({a,b}) => a + b);
for...of
const array = generateTestArray(); const result = []; for (const x of array) { result.push(x.a + x.b); }
for...of (destructured)
const array = generateTestArray(); const result = []; for (const {a,b} of array) { result.push(a + b); }
for...of [fixedLengthResult]
const array = generateTestArray(); const result = new Array(array.length); for (const x of array) { result.push(x.a + x.b); };
for...of (destructured) [fixedLengthResult]
const array = generateTestArray(); const result = new Array(array.length); for (const {a,b} of array) { result.push(a + b); };