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

spread operator

5.4M/s

Apply

3.7M/s

For loop

1.1M/s

View exact numbers

Test name	Executions per second
✓ spread operator	5,417,194 Ops/sec
Apply	3,698,636 Ops/sec
For loop	1,103,018 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