Run results for: Array combination by destructuring vs concat()

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:143.0) Gecko/20100101 Firefox/143.0

Browser: Firefox 143

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 10 months ago

concat()

11.9M/s

Destructuring

2.3M/s

View exact numbers

Test name	Executions per second
✓ concat()	11,923,504 Ops/sec
Destructuring	2,339,008 Ops/sec

Script Preparation code:

var array_1 = [...Array(3).keys()].map(i => { someVal: i });
var array_2 = [...Array(30).keys()].map(i => { someVal: i });
var array_3 = [...Array(2).keys()].map(i => { someVal: i });

Tests:

concat()
const intermediate = array_1.concat(array_2); const result = intermediate.concat(array_3);
Destructuring
const intermediate = [...array_1, ...array_2]; const result = [...intermediate, ...array_3];

Run results for: Array combination by destructuring vs concat()

Test how a couple of succesive object array concatenations perform.

concat()

Destructuring