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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.6 Safari/605.1.15

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 7 months ago

Test name	Executions per second
.map	1869031.5 Ops/sec
.map (destructured)	1870758.2 Ops/sec
for...of	1744009.6 Ops/sec
for...of (destructured)	1713601.8 Ops/sec
for...of [fixedLengthResult]	1703327.5 Ops/sec
for...of (destructured) [fixedLengthResult]	1694326.1 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]