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_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36

Browser: Chrome 95

Operating system: Mac OS X 10.15.7

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