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

Array of objects loop for vs foreach vs map vs for..of + slice vs for

Date tested: 8 months ago

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36

Test name	Executions per second
foreach	35141.8 Ops/sec
for	17393.8 Ops/sec
map	33305.4 Ops/sec
for..of	35130.4 Ops/sec
slice + [x, ...y]	25448.0 Ops/sec
for (no slice)	11480.2 Ops/sec
for + push	10317.5 Ops/sec
slice + [x, ...y] v2	25267.8 Ops/sec
slice + [x, ...y] v3	25328.0 Ops/sec

Benchmark definition (click to collapse):

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];

Open this result on MeasureThat.net

Array of objects loop for vs foreach vs map vs for..of + slice vs for

Date tested: 8 months ago

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36

Benchmark definition (click to collapse):

foreach

for

map

for..of

slice + [x, ...y]

for (no slice)

for + push

slice + [x, ...y] v2

slice + [x, ...y] v3