Benchmark: The Many Ways of Concatenating

The Many Ways of Concatenating (version: 3)

Tests:

Array.prototype.concat
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; array = array.concat(second_array);
Array.prototype.push
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; array.push(...second_array);
Array.prototype.reduce
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; array = second_array.reduce((all, current) => { all.push(current); return all; }, array);
For-each
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; second_array.forEach(item => array.push(item));
For-of
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; for (var item of second_array) { array.push(item); }
For-in
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; for (var i in second_array) { array.push(second_array[i]); }
For
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; for (var i = 0; i < second_array.length; ++i) { array[array.length] = second_array[i]; }
The Spread-Operator
let array = [1,2,3,4,5,6,7,8]; let second_array = [9,10,11]; array = [...array, ...second_array];

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: one year ago)

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

Browser/OS: Chrome 107 on Mac OS X 10.15.7