Run results for: Array of objects loop for vs foreach vs map vs for..of + slice vs for

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36 OPR/112.0.0.0

Browser: Opera 112

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

foreach

23K/s

map

23K/s

for..of

22K/s

slice + [x, ...y] v3

19K/s

slice + [x, ...y]

19K/s

slice + [x, ...y] v2

19K/s

for

12K/s

for (no slice)

8K/s

for + push

7K/s

View exact numbers

Test name	Executions per second
✓ foreach	23,487 Ops/sec
map	22,811 Ops/sec
for..of	21,702 Ops/sec
slice + [x, ...y] v3	18,667 Ops/sec
slice + [x, ...y]	18,632 Ops/sec
slice + [x, ...y] v2	18,575 Ops/sec
for	11,938 Ops/sec
for (no slice)	7,852 Ops/sec
for + push	7,491 Ops/sec

Script Preparation code:

   var arr = [];
    for (var i = 0; i < 1000; i++) {
      arr[i] = { data: i };
    }
  
    function someFn(i) {
      return i.data * 3 * 8;
    }

Tests:

foreach
arr.forEach(function (item){ someFn(item); })
for
for (var i = 0, len = arr.length; i < len; i++) { someFn(arr[i]); }
map
arr.map(item => someFn(item))
for..of
for (const el of arr) { someFn(el); }
slice + [x, ...y]
let f=someFn(arr[0]); let rest=arr.slice(1).map(el => (someFn(el))); let result = [f, ...rest];
for (no slice)
let result = [someFn(arr[0])]; for (let i=1; i<arr.length; i++) { result[i] = someFn(arr[i]); }
for + push
let result = [someFn(arr[0])]; for (let i=1; i<arr.length; i++) { result.push(someFn(arr[i])); }
slice + [x, ...y] v2
let result = [someFn(arr[0]), ...arr.slice(1).map(el => (someFn(el)))];
slice + [x, ...y] v3
let rest=arr.slice(1).map(el => (someFn(el))); let result = [someFn(arr[0]), ...rest];