Benchmark: lodash vs plain assignation2

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Tests:

Lodash
const dataFromBackend = { id: 1, nombre: 'Ejemplo', descripcion: 'Esto es un ejemplo', otraPropiedad: 'Otra propiedad' }; const newData = _.pick(dataFromBackend, ['id', 'nombre', 'descripcion']);
plain assignation
const dataFromBackend = { id: 1, nombre: 'Ejemplo', descripcion: 'Esto es un ejemplo', otraPropiedad: 'Otra propiedad' }; const newData = { id: 1, nombre: dataFromBackend.nombre, descripcion: dataFromBackend.descripcion, }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash
plain assignation

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/114.0.0.0 Safari/537.36

Browser/OS: Chrome 114 on Windows

View result in a separate tab

Test name	Executions per second
Lodash	1021654.2 Ops/sec
plain assignation	891172032.0 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks.

**What is being tested?**

MeasureThat.net is testing two different approaches to assign properties to an object: using Lodash (`lodash`) and plain assignment (also known as "object literal syntax"). The benchmark compares how fast these two methods are when used with a specific data set.

**Options compared:**

1. **Lodash**: Lodash is a popular JavaScript library that provides a lot of utility functions for tasks like string manipulation, array manipulation, and object manipulation.
2. **Plain assignment (Object literal syntax)**: This approach uses the dot notation to assign properties to an object. For example, `const newData = { id: 1, nombre: 'Ejemplo', descripcion: 'Esto es un ejemplo' };`.

**Pros and Cons of each approach:**

* **Lodash**:
	+ Pros:
		- More readable code (especially for complex data transformations)
		- Easier to maintain and extend existing functions
	+ Cons:
		- Adds an extra dependency (the Lodash library) to the project
		- May have a performance overhead due to function call and object lookup
* **Plain assignment (Object literal syntax)**:
	+ Pros:
		- No additional dependencies or performance overhead
		- Simple and concise code
	+ Cons:
		- Can lead to more verbose code, especially for complex data transformations

**Other considerations:**

* The benchmark assumes that the data set is relatively small compared to the number of executions. If the data set was larger, the performance difference between these two approaches might be negligible.
* Lodash provides a lot of utility functions, which can make the code more readable but also slower due to function calls and object lookups.

**Library and its purpose:**

Lodash is a popular JavaScript library that provides a wide range of utility functions for tasks like string manipulation, array manipulation, and object manipulation. In this benchmark, Lodash is used to implement the `_.pick()` function, which extracts specific properties from an object.

**Special JS feature or syntax:**

There are no special features or syntax in these test cases. They only use standard JavaScript syntax for object assignment and data manipulation.

**Other alternatives:**

If you prefer not to use Lodash, you could also consider using other libraries like:
* **Underscore.js**: Another popular JavaScript library that provides a lot of utility functions similar to Lodash.
* **Immer**: A library that provides a more functional programming approach to object updates and mutations.
* **ES6+ features**: You can use ES6+ features like `Object.fromEntries()` or `Object.assign()` to achieve similar results as plain assignment, without the need for any additional libraries.

Related benchmarks:

lodash vs plain assignation2 (version: 0)

Comparing performance of: Lodash vs plain assignation

Created: one year ago by: Guest

Jump to the latest result

Lodash

plain assignation

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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