Run results for: concat vs lodash.concat vs. push.apply vs. spread operator vs. push in for loop

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.5845.837 YaBrowser/23.9.4.837 Yowser/2.5 Safari/537.36

Browser: Yandex Browser 23

Operating system: Windows

Device Platform: Desktop

Date tested: 5 months ago

Test name	Executions per second
Array.prototype.concat	2535081.0 Ops/sec
Lodash concat	952226.0 Ops/sec
Array.prototype.push.apply()	1404923.0 Ops/sec
spread operator	3557783.0 Ops/sec
cached for + push	518407.2 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var arr1 = ["what", "is", "this"];
var arr2 = ["this", "is", "a", "test", "hello", "how", "are", "you", "today"];

Tests:

Array.prototype.concat
var result = arr1.concat(arr2);
Lodash concat
var result = _.concat(arr1, arr2);
Array.prototype.push.apply()
Array.prototype.push.apply(arr1, arr2);
spread operator
var result = [arr1, ...arr2]
cached for + push
for (var i = 0, l = arr2.length; i < l; i++) { arr1.push(arr2[i]) }

Run results for: concat vs lodash.concat vs. push.apply vs. spread operator vs. push in for loop

Array.prototype.concat

Lodash concat

Array.prototype.push.apply()

spread operator

cached for + push