Run results for: js array perfomance

Run details:

User agent: Mozilla/5.0 (iPad; CPU OS 14_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 14

Operating system: iOS 14.6

Device Platform: Tablet

Date tested: 3 years ago

Test name	Executions per second
Array.forEach	112.4 Ops/sec
for of	107.0 Ops/sec
for <array.length, indexing	1.6 Ops/sec
for <len, indexing	2.2 Ops/sec
for <array.length, tmp element	3.3 Ops/sec
for <len, tmp element	6.4 Ops/sec

Script Preparation code:

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

Tests:

Array.forEach
array.forEach((x) => { x.r = x.a + x.b; });
for of
for (const obj of array) { obj.r = obj.a + obj.b; }
for <array.length, indexing
for (let i = 0; i < array.length; ++i) { array[i].r = array[i].a + array[i].b; }
for <len, indexing
const len = array.length; for (let i = 0; i < len; ++i) { array[i].r = array[i].a + array[i].b; }
for <array.length, tmp element
for (let i = 0; i < array.length; ++i) { const x = array[i]; x.r = x.a + x.b; }
for <len, tmp element
const len = array.length; for (let i = 0; i < len; ++i) { const x = array[i]; x.r = x.a + x.b; }

Run results for: js array perfomance

Array.forEach

for of

for <array.length, indexing

for <len, indexing

for <array.length, tmp element

for <len, tmp element