Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
lodash merge vs spread operator
(version: 0)
Benchmark.js
lodash assign vs spread operator
Comparing performance of:
lodash vs native
Created:
7 years ago
by:
Guest
Go to the latest result
HTML Preparation code:
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
Script Preparation code:
var person = {name: 'Frederick', lastName: 'Corcino Alejo'};
Tests:
lodash
let copied = _.merge(person, {age: 15});
native
let copied = {...person};
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
lodash
native
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
4 months ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36 Edg/147.0.0.0
Browser/OS:
Chrome 147 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=628144" width="100%" height="500px"></iframe>
native
56.9M/s
lodash
16.2M/s
View exact numbers
Test name
Executions per second
✓
native
56,858,528 Ops/sec
lodash
16,229,330 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
I'll break down the test cases and explain what's being tested, along with their pros and cons. **Test Cases** We have two individual test cases: 1. **Lodash: `let copied = _.merge(person, {age: 15});`** 2. **Native (JavaScript Spread Operator): `let copied = {...person};`** **What's Being Tested?** Both test cases are measuring the performance of a JavaScript assignment operation: * In the Lodash case, we're using the `_merge()` function from the Lodash library to merge two objects: `person` and an object with an additional property `age`. * In the Native case, we're using the spread operator (`...`) to create a shallow copy of the `person` object. **Pros and Cons** ### Lodash: Pros: * Lodash provides a well-maintained, widely-used library that offers many utility functions. * Using an established library can simplify code and reduce development time. Cons: * Introduces additional overhead due to library initialization and dependency loading. * May introduce performance overhead due to the extra function call and object creation. ### Native (JavaScript Spread Operator): Pros: * No additional library dependencies or overhead. * Built-in support in modern JavaScript engines, making it a lightweight solution. Cons: * Requires explicit knowledge of the spread operator syntax and its limitations (e.g., shallow copying). * May not be as widely supported across older browsers or versions. **Library: Lodash** Lodash is a popular JavaScript utility library developed by Isaac Schlueter. It provides over 200 functions for tasks such as string manipulation, object transformation, functional programming, and more. In this test case, we're using the `_merge()` function to merge two objects. **Special JS Feature/Syntax: Spread Operator** The spread operator (`...`) is a relatively recent addition to JavaScript, introduced in ECMAScript 2018 (ES2018). It allows you to create new objects or arrays by spreading existing ones. In this test case, we're using the spread operator to create a shallow copy of the `person` object. **Other Alternatives** If you prefer not to use Lodash or the spread operator, other alternatives for merging objects include: * Using the `Object.assign()` method: `let copied = Object.assign({}, person, {age: 15});` * Implementing a custom merge function using recursion or iteration. * Using a different library, such as Ramda or Immutable.js. Keep in mind that these alternatives may introduce additional overhead or complexity compared to using Lodash or the spread operator.
Related benchmarks
lodash assign vs spread operator
lodash fp merge vs spread operator
lodash assign vs object.assign vs spread operator - variable and constant
Comments
Confirm delete:
Do you really want to delete benchmark?