Benchmark: compare object and array mapping

compare object and array mapping (version: 0)

Comparing performance of: Get value in object by key vs Get value by filtering array vs Get value by mapping array vs Get value by forEach array vs Get value by forEach lodash array vs Get value by forEach object vs Get value by forEach in value object vs Get value by lodash filter in value object vs Get value by filter in value array vs Get value by lodash filter in value array

Created: 5 years ago by: Guest

Jump 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 itemsArray = [];
var itemsObj = {};

for (let i = 0; i < 100000; i++) {
	itemsArray.push({
    	id: i,
      	author: 'Robert' + i,
    })
    itemsObj = {...itemsObj, [i]: {id: i, author: 'Robert' + i}}
}

Tests:

Get value in object by key
console.log('itemsObj ', itemsObj[59430])
Get value by filtering array
console.log(itemsArray.filter(item => item.id === 59430)[0])
Get value by mapping array
itemsArray.map(item => { if (item.id === 59430) { console.log(item) } })
Get value by forEach array
itemsArray.forEach(item => { if (item.id === 59430) { console.log(item) } })
Get value by forEach lodash array
_.forEach(itemsArray, item => { if (item.id === 59430) { console.log(item) } })
Get value by forEach object
_.forEach(itemsObj, (value ,key) => { if (key === 59430) { console.log(value) } })
Get value by forEach in value object
_.forEach(itemsObj, (value ,key) => { if (value.id === 59430) { console.log(value) } })
Get value by lodash filter in value object
console.log(_.filter(itemsObj, value => value.id > 75001))
Get value by filter in value array
console.log(itemsArray.filter(value => value.id > 75001))
Get value by lodash filter in value array
console.log(_.filter(itemsArray, value => value.id > 75001))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Get value in object by key
Get value by filtering array
Get value by mapping array
Get value by forEach array
Get value by forEach lodash array
Get value by forEach object
Get value by forEach in value object
Get value by lodash filter in value object
Get value by filter in value array
Get value by lodash filter in value array

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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

LLMs can make mistakes. Check important info.

Let's break down the benchmark and explain what is being tested, compared, and the pros and cons of different approaches.

**Benchmark Definition**

The benchmark defines two data structures: an array `itemsArray` and an object `itemsObj`. Both arrays have 100,000 elements, each with a unique `id` and an `author` property. The script preparation code populates these data structures.

**Script Preparation Code**
```javascript
const itemsArray = [];
const itemsObj = {};

for (let i = 0; i < 100000; i++) {
  const item = { id: i, author: `Author ${i}` };
  itemsArray.push(item);
}

itemsObj[i] = { id: i, author: `Author ${i}` };
```
**Comparison**

The benchmark compares six different approaches to retrieve an element from the array and object:

1. **Get value by forEach array**: Iterate over the array using `forEach` to find the desired element.
2. **Get value by filtering array**: Filter the array to find the desired element.
3. **Get value by filter in value array**: Use a callback function with `filter()` to find the desired element inside the array.
4. **Get value by forEach lodash array**: Iterate over the array using `forEach` with Lodash's `find` function.
5. **Get value by lodash filter in value array**: Use Lodash's `filterBy` function to find the desired element inside the array.
6. **Get value by mapping array**: Map the array to a new array and then find the desired element.

**Pros and Cons**

Here are some pros and cons for each approach:

1. **Get value by forEach array**:
	* Pros: Simple, intuitive, and easy to understand.
	* Cons: May be slower due to the overhead of `forEach`.
2. **Get value by filtering array**:
	* Pros: Can be faster than `forEach` if the array is large and the filter condition is simple.
	* Cons: May require more complex code, especially when dealing with multiple filter conditions.
3. **Get value by filter in value array**:
	* Pros: Can be faster than `forEach` or filtering arrays for larger datasets.
	* Cons: Requires understanding of callback functions and may be harder to read.
4. **Get value by forEach lodash array**:
	* Pros: Utilizes Lodash's optimized `find` function, which can be faster than vanilla `forEach`.
	* Cons: Requires including Lodash in the project and may add unnecessary dependencies.
5. **Get value by lodash filter in value array**:
	* Pros: Offers a concise way to find elements inside an array using Lodash's `filterBy` function.
	* Cons: May require additional learning curve due to Lodash's syntax.
6. **Get value by mapping array**:
	* Pros: Can be useful when transforming the data before finding the desired element.
	* Cons: May not be the most efficient approach, especially if the mapping process is complex.

The benchmark results suggest that:

* `get value by forEach lodash array` and `get value by filter in value array` are among the fastest approaches.
* `get value by forEach array` and `get value by filtering array` are slower but still suitable for smaller datasets or when readability is prioritized over performance.

Ultimately, the choice of approach depends on the specific use case, dataset size, and personal preference.

Related benchmarks: