Run results for: map vs reverse for vs for vs push vs unshift

Run details:

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

Browser: Chrome 128

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

map

38K/s

reverse for

25K/s

for

19K/s

for push

19K/s

reverse for unshift

19K/s

View exact numbers

Script Preparation code:

var arr = new Array(500).fill().map(()=>({id:Math.random()**Math.random()**Math.random()}));

Tests:

map
const res1=arr.map(({id})=>id>Math.random()?{foo:'bar'}:{bar:'foo'});
reverse for
const res2=new Array(arr.length); for (let i=arr.length-1;i>-1;i--){ res2[i]=arr[i].id>Math.random()?{foo:'bar'}:{bar:'foo'} }
for
const res2=new Array(arr.length); for (let i=0;i<arr.length;i++){ res2[i]=arr[i].id>Math.random()?{foo:'bar'}:{bar:'foo'} }
for push
const res2=[] for (let i=0;i<arr.length;i++){ res2.push(arr[i].id>Math.random()?{foo:'bar'}:{bar:'foo'}) }
reverse for unshift
const res2=new Array(); for (let i=arr.length-1;i>-1;i--){ res2.unshift(arr[i].id>Math.random()?{foo:'bar'}:{bar:'foo'}) }