Benchmark: For + []= VS For-Of + []= VS For + Push VS For-Of + Push VS Map, Destructuring VS Indices

For + []= VS For-Of + []= VS For + Push VS For-Of + Push VS Map, Destructuring VS Indices (version: 0)

Script Preparation code:

var pairs = Array.from(new Array(10000)).map(() => ["as", "df"]);
var result;

Tests:

For + []=, Destructuring
result = []; for (var i = 0; i < pairs.length; i++) { var [a, b] = pairs[i]; result[i] = a + b; }
For + []=, Indices
result = []; for (var i = 0; i < pairs.length; i++) { result[i] = pairs[i][0] + pairs[i][1]; }
For-Of + []=, Destructuring
result = []; for (var [a, b] of pairs) { result[i] = a + b; }
For-Of + []=, Indices
result = []; for (var pair of pairs) { result[i] = pair[0] + pair[1]; }
For + Push, Destructuring
result = []; for (var i = 0; i < pairs.length; i++) { var [a, b] = pairs[i]; result.push(a + b); }
For + Push, Indices
result = []; for (var i = 0; i < pairs.length; i++) { result.push(pairs[i][0] + pairs[i][1]); }
For-Of + Push, Destructuring
result = []; for (var [a, b] of pairs) { result.push(a + b); }
For-Of + Push, Indices
result = []; for (var pair of pairs) { result.push(pair[0] + pair[1]); }
Map, Destructuring
result = pairs.map(([a, b]) => a + b);
Map, Indices
result = pairs.map(pair => pair[0] + pair[1]);

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36

Browser/OS: Chrome 100 on Windows