Benchmark: while, for, for-of, map

Script Preparation code:

var arr = Array(1_000_000);
for (let i = 0; i < 1_000_000; i++) {
  arr[i] = { num: Math.random() };
}

Tests:

while
var newArr = []; let l = arr.length; let i = -1; while (++i < l) { newArr.push(arr[i].num); }
for
var newArr = []; var l = arr.length; for (var i = 0; i < l; i++) { newArr.push(arr[i].num); }
for-of
var newArr = []; for (var val of arr) { newArr.push(val.num); }
.map
var newArr = arr.map(val => val.num);

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: 24 days ago)

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

Browser/OS: Chrome 123 on Mac OS X 10.15.7

while, for, for-of, map (version: 0)