Run results for: map/forEach arrow/function VS for let/var VS for const/let/var of

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:99.0) Gecko/20100101 Firefox/99.0

Browser: Firefox 99

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Script Preparation code:

var arr = [...Array(10000).keys()];
var a;

Tests:

map arrow
a = 0; arr.map(x => { a += x + 2; }) console.log(a);
map function
a = 0; arr.map(function(x) { a += x + 2; }) console.log(a);
forEach arrow
a = 0; arr.forEach(x => { a += x + 2; }) console.log(a);
forEach function
a = 0; arr.forEach(function(x) { a += x + 2; }) console.log(a);
for let
a = 0; for (let i = 0; i < 10000; i++) { a += arr[i] + 2; } console.log(a);
for var
a = 0; for (var i = 0; i < 10000; i++) { a += arr[i] + 2; } console.log(a);
for const of
a = 0; for (const x of arr) { a += x + 2; } console.log(a);
for let of
a = 0; for (let x of arr) { a += x + 2; } console.log(a);
for var of
a = 0; for (var x of arr) { a += x + 2; } console.log(a);