Run results for: Object filtered Array loop vs foreach vs map vs while

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:93.0) Gecko/20100101 Firefox/93.0

Browser: Firefox 93

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 3 years ago

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); }