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

Run details:

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

Browser: Chrome 153

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 4 days ago

spread operator

10.8M/s

Apply

10.2M/s

For loop

2.3M/s

View exact numbers

Test name	Executions per second
✓ spread operator	10,773,324 Ops/sec
Apply	10,216,847 Ops/sec
For loop	2,270,924 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