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; rv:154.0) Gecko/20100101 Firefox/154.0

Browser: Firefox 154

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 4 days ago

For loop

26.5M/s

Apply

23.4M/s

spread operator

19.2M/s

View exact numbers

Test name	Executions per second
✓ For loop	26,519,270 Ops/sec
Apply	23,424,818 Ops/sec
spread operator	19,231,646 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