Benchmark: for..of vs for simple vs for..in (+Math.random)

Script Preparation code:

var arr = [12342, 342, 3423, 432, 432, 423, 43, 3, 1, 321, 323, 1, 31, 31, 31, 231, 31, 31];

Tests:

for..of
const narr = []; for(const item of arr){ narr.push(item+Math.random()) }
for..in
const narr = []; for(const item in arr){ narr.push(arr[item]+Math.random()) }
for
const narr = []; for(let i=0; i<arr.length; i++){ narr.push(arr[i]+Math.random()) }
foreach
const narr = []; arr.forEach( e => narr.push(e+Math.random()));

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: one year ago)

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

Browser/OS: Chrome 101 on Mac OS X 10.15.7

for..of vs for simple vs for..in (+Math.random) (version: 0)