Run results for: Array push spread vs Array.prototype.push.apply vs For loop

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Browser: Chrome 119

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
spread operator	5417194.0 Ops/sec
Apply	3698636.0 Ops/sec
For loop	1103018.2 Ops/sec

Script Preparation code:

var arr = [];
var elementsToPush = [];
var i = 0;

for (i = 0; i < 1000; i++) {
	arr[i] = { a: 42 };
}

for (i = 0; i < 10; i++) {
	elementsToPush[i] = { a: 42 };
}

Tests:

spread operator
arr = []; arr.push(...elementsToPush)
Apply
arr = []; Array.prototype.push.apply(arr, elementsToPush)
For loop
arr = []; for (i = 0; i < 10; i++) { arr.push(elementsToPush[i]); }

Run results for: Array push spread vs Array.prototype.push.apply vs For loop

Compare using array spread and using apply or for loop

spread operator

Apply

For loop