Benchmark: for loop vs Array.map

Script Preparation code:

var values = [];
for (var i = 0; i < 256; i++) {
  values[i] = [];
  for (var j = 0; j < 256; j++) {
    values[i][j] = Math.random();
  }
}

Tests:

for-loop
for (var i = 0; i < 256; i++) { for (var j = 0; j < 256; j++) { values[i][j] = values[i][j] < Math.random() ? 1 : 0; } }
Array.map
values = values.map(function(arr) { return arr.map(function(val) { return val < Math.random() ? 1 : 0; }); });

Rendered benchmark preparation results:

Previous results

Test case name	Result
for-loop
Array.map

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 5 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.96 Safari/537.36

Browser/OS: Chrome 58 on Windows

Test name	Executions per second
for-loop	29.3 Ops/sec
Array.map	35.4 Ops/sec

for loop vs Array.map (version: 0)