Benchmark: Spread vs Object.assign

Script Preparation code:

window.object1 = {};
window.object2 = {};
window.object3 = {};
window.object4 = {};
window.object5 = {};
window.object6 = {};

function makeid() {
  var text = "";
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

  for (var i = 0; i < 5; i++)
    text += possible.charAt(Math.floor(Math.random() * possible.length));

  return text;
};

function populate(object) {
  for (let i = 0; i < 100; i++) {
    object[makeid()] = makeid();
  }
};

populate(object1);
populate(object2);
populate(object3);
populate(object4);
populate(object5);
populate(object6);

Tests:

Object.assign two objects
const object7 = Object.assign({}, object1, object2);
Spread two objects
const object7 = {...object1, ...object2};
Object.assign three objects
const object7 = Object.assign({}, object1, object2, object3);
Spread three objects
const object7 = {...object1, ...object2, ...object3};
Object.assign four objects
const object7 = Object.assign({}, object1, object2, object3, object4);
Spread four objects
const object7 = {...object1, ...object2, ...object3, ...object4};
Object.assign five objects
const object7 = Object.assign({}, object1, object2, object3, object4, object5);
Spread five objects
const object7 = {...object1, ...object2, ...object3, ...object4, ...object5};
Object.assign six objects
const object7 = Object.assign({}, object1, object2, object3, object4, object5, object6);
Spread six objects
const object7 = {...object1, ...object2, ...object3, ...object4, ...object5, ...object6};

Historical Performance Data aggregated from 87 community runs

Desktop Results:

Chrome 66 runs

Spread two objects

49K/s

Object.assign two objects

37K/s

Spread three objects

31K/s

Spread four objects

22K/s

Object.assign three objects

19K/s

Spread five objects

16K/s

Spread six objects

13K/s

Object.assign four objects

13K/s

Object.assign five objects

10K/s

Object.assign six objects

8K/s

Fastest: Spread two objects (6.5x faster)

View exact numbers

✓ Spread two objects: 48,982 ops/sec
• Object.assign two objects: 36,535 ops/sec
• Spread three objects: 31,403 ops/sec
• Spread four objects: 22,143 ops/sec
• Object.assign three objects: 18,840 ops/sec
• Spread five objects: 16,499 ops/sec
• Spread six objects: 13,076 ops/sec
• Object.assign four objects: 12,811 ops/sec
• Object.assign five objects: 9,879 ops/sec
• Object.assign six objects: 7,508 ops/sec

Firefox 21 runs

Object.assign two objects

567K/s

Spread two objects

287K/s

Object.assign three objects

286K/s

Object.assign four objects

188K/s

Spread three objects

168K/s

Object.assign five objects

131K/s

Spread four objects

115K/s

Object.assign six objects

101K/s

Spread five objects

87K/s

Spread six objects

70K/s

Fastest: Object.assign two objects (8.1x faster)

View exact numbers

✓ Object.assign two objects: 566,834 ops/sec
• Spread two objects: 287,140 ops/sec
• Object.assign three objects: 286,134 ops/sec
• Object.assign four objects: 188,464 ops/sec
• Spread three objects: 168,237 ops/sec
• Object.assign five objects: 131,307 ops/sec
• Spread four objects: 114,714 ops/sec
• Object.assign six objects: 100,664 ops/sec
• Spread five objects: 86,732 ops/sec
• Spread six objects: 69,846 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.assign two objects
Spread two objects
Object.assign three objects
Spread three objects
Object.assign four objects
Spread four objects
Object.assign five objects
Spread five objects
Object.assign six objects
Spread six objects

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 6 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36

Browser/OS: Chrome 144 on Windows

View result in a separate tab

Spread two objects

60K/s

Object.assign two objects

47K/s

Spread three objects

39K/s

Object.assign three objects

27K/s

Spread four objects

24K/s

Spread five objects

20K/s

Object.assign four objects

19K/s

Spread six objects

16K/s

Object.assign five objects

13K/s

Object.assign six objects

12K/s

View exact numbers

Test name	Executions per second
✓ Spread two objects	59,760 Ops/sec
Object.assign two objects	46,656 Ops/sec
Spread three objects	38,656 Ops/sec
Object.assign three objects	27,481 Ops/sec
Spread four objects	24,167 Ops/sec
Spread five objects	20,153 Ops/sec
Object.assign four objects	18,785 Ops/sec
Spread six objects	16,154 Ops/sec
Object.assign five objects	13,127 Ops/sec
Object.assign six objects	11,772 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

**Overview**

The provided benchmark compares the performance of two JavaScript methods: `Object.assign` and the spread operator (`...`). The benchmark creates an array of 6 objects, populates each object with 100 random properties, and then uses each method to assign values to a target object.

**Method 1: Object.assign**

`Object.assign` is a built-in method that assigns values from one or more source objects to a target object. In this benchmark, `Object.assign` is used to copy the entire contents of an object into another object.

**Method 2: Spread Operator (`...`)**

The spread operator is a new feature introduced in ECMAScript 2015 (ES6). It allows you to expand an array or an object into individual elements or properties. In this benchmark, the spread operator is used to create a shallow copy of an object and then assign values from it to another object.

**Performance Comparison**

The benchmark provides execution times for each test case, which can be used to compare the performance of `Object.assign` and the spread operator. The results show that:

* For small sets of objects (2-4), both methods have similar performance.
* As the number of objects increases, the spread operator consistently outperforms `Object.assign`.
* The spread operator is generally faster for assigning values to individual properties.

**Why is the Spread Operator Faster?**

There are several reasons why the spread operator might be faster:

1. **Less overhead**: The spread operator creates a new object with shallow copies of the original object's properties, which can be more efficient than using `Object.assign`, which involves more complex operations like iterating over property names and values.
2. **Optimized implementation**: Modern JavaScript engines have optimized implementations for the spread operator that take advantage of existing data structures and algorithms.
3. **Fewer method calls**: The spread operator typically involves fewer method calls compared to `Object.assign`, which can reduce overhead.

**Conclusion**

In general, the spread operator is a better choice than `Object.assign` when assigning values to individual properties or small sets of objects. However, for larger datasets or more complex assignments, `Object.assign` might be a better option due to its flexibility and control over the assignment process.

Spread vs Object.assign (version: 0)

Comparing performance of: `Object.assign two objects vs Spread two objects vs Object.assign three objects vs Spread three objects vs Object.assign four objects vs Spread four objects vs Object.assign five objects vs Spread five objects vs Object.assign six objects vs Spread six objects`

Created: 8 years ago by: Guest

Go to the latest result

Object.assign two objects

Spread two objects

Object.assign three objects

Spread three objects

Object.assign four objects

Spread four objects

Object.assign five objects

Spread five objects

Object.assign six objects

Spread six objects

Historical Performance Data aggregated from 87 community runs

Desktop Results:

Chrome 66 runs

Firefox 21 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Spread vs Object.assign (version: 0)

Comparing performance of: Object.assign two objects vs Spread two objects vs Object.assign three objects vs Spread three objects vs Object.assign four objects vs Spread four objects vs Object.assign five objects vs Spread five objects vs Object.assign six objects vs Spread six objects

Created: 8 years ago by: Guest

Go to the latest result

Object.assign two objects

Spread two objects

Object.assign three objects

Spread three objects

Object.assign four objects

Spread four objects

Object.assign five objects

Spread five objects

Object.assign six objects

Spread six objects

Historical Performance Data aggregated from 87 community runs

Desktop Results:

Chrome 66 runs

Firefox 21 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `Object.assign two objects vs Spread two objects vs Object.assign three objects vs Spread three objects vs Object.assign four objects vs Spread four objects vs Object.assign five objects vs Spread five objects vs Object.assign six objects vs Spread six objects`