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: 8 months ago

Test name	Executions per second
.map	58607.4 Ops/sec
.map (destructured)	61232.9 Ops/sec
for...of	63135.5 Ops/sec
for...of (destructured)	62235.5 Ops/sec
for...of [fixedLengthResult]	56954.7 Ops/sec
for...of (destructured) [fixedLengthResult]	57259.0 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); };

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

.map

.map (destructured)

for...of

for...of (destructured)

for...of [fixedLengthResult]

for...of (destructured) [fixedLengthResult]