Benchmark: map get vs array.find #2

Script Preparation code:

var array = ['q', 'c','b','w','h'];
var map = new Map([['q', 1],['c', 2],['b', 3],['w', 4],['h', 5]]);

Tests:

Array.find
array.forEach((el)=>{ array.find(el2 => el2 === el); })
map get
array.forEach((el)=>{ map.get(el); })

Historical Performance Data aggregated from 12 community runs

Desktop Results:

Chrome 12 runs

map get

4.6M/s

Array.find

3.8M/s

Fastest: map get (1.2x faster)

View exact numbers

✓ map get: 4,592,375 ops/sec
• Array.find: 3,754,081 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
Array.find
map get

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

map get

50.7M/s

Array.find

21.9M/s

View exact numbers

Test name	Executions per second
✓ map get	50,715,552 Ops/sec
Array.find	21,940,790 Ops/sec

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's being tested.

**Benchmark Overview**

The test compares two approaches: using `array.forEach` with a callback function, and using an array's `find` method to find an element that matches a certain condition.

**Options Compared**

There are two main options being compared:

1. **Array.forEach**: This is a built-in JavaScript method that iterates over the elements of an array, executing a provided callback function for each element.
2. **array.find**: This is also a built-in JavaScript method that returns the first element in an array that satisfies a provided condition.

**Pros and Cons**

* **Array.forEach**:
	+ Pros: More control over iteration, can be used with other methods like `map` or `filter`.
	+ Cons: Can be slower than `array.find`, since it requires iterating over all elements.
* **array.find**:
	+ Pros: Generally faster than `forEach`, since it only checks the first element that matches the condition.
	+ Cons: May not work as expected if the array is empty or contains no matching elements.

**Library and Special JS Features**

There are no libraries used in this benchmark. However, the test does use a special JavaScript feature: **template literals** (`\r\n\tarray.find(el2 => el2 === el);\r\n`) in the `Benchmark Definition` json. This is not specific to JavaScript versions or browsers, but rather a standard feature of modern JavaScript.

**Other Considerations**

When choosing between these two approaches, consider the following:

* If you need to perform an operation on every element in the array, `array.forEach` might be a better choice.
* If you only need to find one matching element, `array.find` is likely faster and more efficient.

**Alternatives**

If you're interested in exploring other alternatives, here are a few options:

1. **forEach**: This is similar to `array.forEach`, but can also be used with an index variable (`(index, value) => { ... }`).
2. **every()**: If you need to check every element in the array, `every()` might be a better choice than `find`.
3. **some()**: Similar to `every()`, but returns as soon as it finds one matching element.
4. **for...of** loop: This is another way to iterate over an array, using a for-of loop instead of `forEach`.

map get vs array.find #2 (version: 0) Benchmark.js

Comparing performance of: `Array.find vs map get`

Created: 4 years ago by: Guest

Go to the latest result

Array.find

map get

Historical Performance Data aggregated from 12 community runs

Desktop Results:

Chrome 12 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

map get vs array.find #2 (version: 0) Benchmark.js

Comparing performance of: Array.find vs map get

Created: 4 years ago by: Guest

Go to the latest result

Array.find

map get

Historical Performance Data aggregated from 12 community runs

Desktop Results:

Chrome 12 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: `Array.find vs map get`