Benchmark: .concat() (immutable) vs .push() (mutation)

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;
}

const initialArray = new Array(10000).fill('a').map(() => ({ [generateID()]: 'value' }));

const anotherArray = new Array(10000).fill('b').map(() => ({ [generateID()]: 'value' }));

Tests:

concat (immutable)
const result = initialArray.concat(anotherArray);
push (mutability) and spread array
initialArray.push(...anotherArray);
push (mutability) and iteration
anotherArray.forEach(item => initialArray.push(item));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
concat (immutable)
push (mutability) and spread array
push (mutability) and iteration

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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/OS: Safari 17 on Mac OS X 10.15.7

View result in a separate tab

concat (immutable)

65K/s

push (mutability) and spread array

2K/s

push (mutability) and iteration

2K/s

View exact numbers

Test name	Executions per second
✓ concat (immutable)	64,899 Ops/sec
push (mutability) and spread array	2,411 Ops/sec
push (mutability) and iteration	1,550 Ops/sec

.concat() (immutable) vs .push() (mutation) (version: 1)

Comparing performance of: `concat (immutable) vs push (mutability) and spread array vs push (mutability) and iteration`

Created: one year ago by: Guest

Go to the latest result

concat (immutable)

push (mutability) and spread array

push (mutability) and iteration

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

.concat() (immutable) vs .push() (mutation) (version: 1)

Comparing performance of: concat (immutable) vs push (mutability) and spread array vs push (mutability) and iteration

Created: one year ago by: Guest

Go to the latest result

concat (immutable)

push (mutability) and spread array

push (mutability) and iteration

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Comparing performance of: `concat (immutable) vs push (mutability) and spread array vs push (mutability) and iteration`