Benchmark: map vs for...of vs for

Script Preparation code:

var data = [1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,1,2,3,4,5,6,7,8,];

Tests:

map
data.map(function (number) { return number * 2});
for i loop
let items = []; for(let i = 0; i < data.length; i++){ items.push(data[i] * 2); }
for of loop
let items = []; for(let item of data){ items.push(item * 2); }

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: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:78.0) Gecko/20100101 Firefox/78.0

Browser/OS: Firefox 78 on Windows

map vs for...of vs for (version: 0)