Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Array find vs findIndex
(version: 0)
Benchmark.js
Comparing performance of:
findIndex vs find
Created:
2 years ago
by:
Guest
Go to the latest result
Tests:
findIndex
const array = Array(500).fill().map((e,i)=>i) const elementIndex = array.findIndex((e) => e === 400) if (elementIndex >= 0) { console.log(array[elementIndex]) }
find
const array = Array(500).fill().map((e,i)=>i) const element = array.find((e) => e === 400) console.log(element)
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
findIndex
find
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 years ago
)
User agent:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36
Browser/OS:
Chrome 120 on Linux
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=495841" width="100%" height="500px"></iframe>
findIndex
69K/s
find
68K/s
View exact numbers
Test name
Executions per second
✓
findIndex
68,526 Ops/sec
find
67,714 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Let's break down the provided JSON data and explain what is being tested, compared, and analyzed. **Benchmark Definition** The JSON data represents a benchmark definition for testing two JavaScript methods: `Array.find()` and `Array.findIndex()`. The name of the benchmark is "Array find vs findIndex". **Script Preparation Code** Since there is no script preparation code provided, it means that the test cases will be run in isolation without any additional setup or dependencies. **Html Preparation Code** Similarly, there is no html preparation code specified, which implies that the test environment is not requiring a specific HTML structure or content for the tests to execute. **Individual Test Cases** There are two test cases: 1. `findIndex`: The benchmark definition contains code using the `Array.findIndex()` method to find an element with a specific value (400) in an array of 500 elements. 2. `find`: The second test case uses the `Array.find()` method to achieve the same goal as the first test case. **Options Compared** In this benchmark, two options are being compared: * **Array.findIndex()**: This method returns the index of the first element that satisfies the provided condition (in this case, finding an element with a value of 400). If no such element is found, it returns -1. * **Array.find()**: This method returns the first element in the array that satisfies the provided condition. If no such element is found, it returns undefined. **Pros and Cons** Here are some pros and cons associated with each approach: **Array.findIndex():** Pros: * Can be more efficient when searching for an exact match, as it only needs to iterate through a portion of the array. * Returns the index of the matched element, which can be useful in certain situations. Cons: * Returns -1 if no matching element is found, whereas `Array.find()` returns undefined. * May be slower than `Array.find()` for larger arrays due to the additional iteration needed to find the exact index. **Array.find():** Pros: * Returns a meaningful value (the matched element) instead of an index or null/undefined. * Can be more readable and concise, as it avoids the need to calculate indices. Cons: * Requires the element being searched for, whereas `Array.findIndex()` only needs to know the search criteria. * May be slower than `Array.findIndex()` due to the additional iteration needed to find the entire matched element. **Other Considerations** In terms of JavaScript features or syntax, neither of these methods relies on any specific features. They are both relatively simple and widely supported in most modern browsers. **Library Usage** Neither of these methods uses a specific library. The `Array` object is a built-in JavaScript array object that provides these two methods. **Special JS Feature or Syntax** There are no special JS features or syntax involved in these tests, as they only focus on the basic functionality of the two methods. **Other Alternatives** If you need to compare other approaches for finding elements in an array, some alternatives could be: * Using `Array.prototype.some()` and checking the result manually * Using a custom loop with indexing variables * Using a library like Lodash or Ramda that provides more advanced array functions However, for most use cases, using the built-in `Array.findIndex()` and `Array.find()` methods is likely to be the most efficient and readable approach.
Related benchmarks
find vs findIndex (Array prototype methods) stop at first found
JS Array IndexOf vs includes vs findIndex vs find 2
Comments
Confirm delete:
Do you really want to delete benchmark?