Benchmark: Object filtered Array loop vs foreach vs map vs while

Script Preparation code:

   var arr = [];
   for (var i = 0; i < 1000000; i++) {
       arr[i] = {Id:i};
   }

   var x = [];

Tests:

foreach if
arr.forEach(item => { if (!item%2) x.push(item.Id); })
filter foreach
x = arr.filter(item=>!item%2).forEach(item => { x.push(item.Id); })
filter map
x = arr.filter(item=>!item%2).map(item => item.Id)
while
let len = arr.length; while (len--) { let item = arr[len].Id; if (!item%2) x.push(item); }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_0_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 15 on iOS 15.0.2

Object filtered Array loop vs foreach vs map vs while (version: 0)