Run results for: concat vs spread vs push

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Safari/605.1.15

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
concat	694.2 Ops/sec
spread	707.0 Ops/sec
push (spread)	695.5 Ops/sec
push (iterations)	705.6 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

function generateID(length = 10) {
    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    let result = '';
    const charactersLength = characters.length;
    
    for (let i = 0; i < length; i++) {
        // Generate a random index based on characters length
        const randomIndex = Math.floor(Math.random() * charactersLength);
        // Append the character at the random index to the result string
        result += characters[randomIndex];
    }

    return result;
}

function createItem() {
	return { [generateID()]: 'value' };
}

Tests:

concat
let params = new Array(1000).fill('a').map(createItem); let other = new Array(1000).fill('a').map(createItem).concat(params);
spread
let params = new Array(1000).fill('a').map(createItem); let other = [...new Array(1000).fill('a').map(createItem), ...params];
push (spread)
let params = new Array(1000).fill('a').map(createItem); let other = new Array(1000).fill('a').map(createItem); other.push(...params);
push (iterations)
let params = new Array(1000).fill('a').map(createItem); let other = new Array(1000).fill('a').map(createItem); params.forEach(it => other.push(it));

Run results for: concat vs spread vs push

concat

spread

push (spread)

push (iterations)