Benchmark: Compare the new ES6 spread operator with Ramda assoc

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.js"></script>

Script Preparation code:

var params = { "a": 1, "b": 2 };

Tests:

spread operator
var result = { ...params, "c": 3 };
Ramda assoc
var result = R.assoc("c", 3, params);

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

spread operator

22.6M/s

Ramda assoc

8.0M/s

Fastest: spread operator (2.8x faster)

View exact numbers

✓ spread operator: 22,579,408 ops/sec
• Ramda assoc: 7,968,222 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
spread operator
Ramda assoc

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 131 on Windows

View result in a separate tab

spread operator

65.9M/s

Ramda assoc

28.3M/s

View exact numbers

Test name	Executions per second
✓ spread operator	65,856,804 Ops/sec
Ramda assoc	28,290,578 Ops/sec

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

LLMs can make mistakes. Check important info.

This benchmark compares the performance of two methods for merging objects in JavaScript:

**1. Spread Operator (`...params`):** This method uses the ES6 spread operator to create a new object that includes all properties from `params`, plus an additional property `c` with the value 3.

**Pros:**
* Concise and readable syntax.
* Built-in to modern JavaScript.

**Cons:**
* Can be less performant than Ramda's specialized functions for large objects.

**2. Ramda `assoc` Function:** This method uses the `R.assoc()` function from the Ramda library to create a new object that merges `params` with the property `c` having the value 3.

**Pros:**
* Optimized for performance, especially with large objects.
* Immutability by default (objects are not modified in place).

**Cons:**
* Requires an external library (Ramda).
* Syntax can be less intuitive than the spread operator.

**Alternatives:**

* **Object.assign()**: A built-in JavaScript method that merges multiple objects into a new object. It's often a good middle ground between performance and simplicity.

* **lodash `merge` function**: Similar to Ramda, but from the Lodash library. Offers more advanced merging options.

The benchmark results show that the spread operator is significantly faster than the Ramda `assoc` function in this particular case. However, it's important to remember that performance can vary depending on factors such as object size and complexity.

Compare the new ES6 spread operator with Ramda assoc (version: 0) Benchmark.js

Comparing performance of: `spread operator vs Ramda assoc`

Created: 8 years ago by: Guest

Go to the latest result

spread operator

Ramda assoc

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

Compare the new ES6 spread operator with Ramda assoc (version: 0) Benchmark.js

Comparing performance of: spread operator vs Ramda assoc

Created: 8 years ago by: Guest

Go to the latest result

spread operator

Ramda assoc

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gemma2:9b, generated one year ago):

Related benchmarks

Comparing performance of: `spread operator vs Ramda assoc`