MeasureThat.net

Run results for: JavaScript spread operator vs Object.assign performance vs. Native Assignment

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.92 Safari/537.36
Chrome 69
Mac OS X 10.12.6
Desktop
6 years ago
Test name Executions per second
Using the spread operator 2381782.8 Ops/sec
Using Object.assign 3596641.8 Ops/sec
Using Native assignment. 352089024.0 Ops/sec
Tests:

  • Using the spread operator

    AخA
     
    const firstObject = { sampleData: 'Hello world' };
    const secondObject = { moreData: 'foo bar' };
    const finalObject = {
        ...firstObject,
        ...secondObject
    };

  • Using Object.assign

     
    const firstObject = { sampleData: 'Hello world' };
    const secondObject = { moreData: 'foo bar' };
    const finalObject = Object.assign(firstObject, secondObject);

  • Using Native assignment.

     
    const firstObject = { sampleData: 'Hello world' };
    const secondObject = { moreData: 'foo bar' };
    firstObject.moreData = 'foo bar';