Benchmark: Object array search by property

Script Preparation code:

a = [];
for(var i=0;i<100;i++){
  a.push({index:i,data:"blabla"});
}
var indexToFind = 50;

Tests:

for loop
ind = -1; for(var i =0;i<a.length;i++){ if(a[i].index == indexToFind){ ind = i; } } a[ind].data;
javascript array.find
a.find(x => x.index == indexToFind).data;
javascript array.find with function
a.find(function(cv,i){ return cv.index == indexToFind;}).data;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for loop
javascript array.find
javascript array.find with function

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 8 years ago)

User agent: Mozilla/5.0 (Linux; Android 6.0.1; MI 3C Build/MMB29M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.85 Mobile Safari/537.36

Browser/OS: Chrome Mobile 54 on Android 6.0.1

View result in a separate tab

Test name	Executions per second
for loop	3717.8 Ops/sec
javascript array.find	31035.2 Ops/sec
javascript array.find with function	32760.7 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark and explain what's being tested.

**Benchmark Definition**

The benchmark definition is a JSON object that contains information about the test case. In this case, it's an array of objects with different properties:

* `Name`: The name of the benchmark.
* `Description`: An optional description of the benchmark (empty in this case).
* `Script Preparation Code`: A JavaScript code snippet that prepares the data for the benchmark.
* `Html Preparation Code`: An optional HTML code snippet, but it's empty in this case.

**Individual Test Cases**

The individual test cases are also JSON objects with different properties:

* `Benchmark Definition`: The actual JavaScript code that defines the benchmark. This code is executed to measure the performance of the implementation.
* `Test Name`: A brief name for each test case.

In this specific example, there are three test cases:

1. "for loop"
2. "javascript array.find"
3. "javascript array.find with function"

**What's being tested**

These test cases are designed to measure the performance of different ways to search an array in JavaScript.

* The first test case ("for loop") measures the performance of a traditional for loop-based approach.
* The second test case ("javascript array.find") measures the performance of the built-in `Array.prototype.find()` method.
* The third test case ("javascript array.find with function") is similar to the second one, but it uses an arrow function instead of a regular function.

**Options compared**

The three test cases compare different approaches to search an array:

1. Traditional for loop-based approach
2. Built-in `Array.prototype.find()` method
3. Arrow function-based implementation

**Pros and Cons of each approach**

Here's a brief summary of the pros and cons of each approach:

* **Traditional for loop-based approach**
	+ Pros: Well-known, straightforward, easy to understand.
	+ Cons: Generally slower than other approaches due to overhead from explicit looping.
* **Built-in `Array.prototype.find()` method**
	+ Pros: Optimized for performance, widely supported, and easy to use.
	+ Cons: Not as well-known as traditional for loops, may not be suitable for all scenarios (e.g., very large arrays).
* **Arrow function-based implementation**
	+ Pros: Concise, expressive, and often faster than traditional functions due to optimized compilation.
	+ Cons: May not be supported by older browsers or environments.

**Library usage**

There is no explicit library usage in these test cases. However, the built-in `Array.prototype.find()` method uses various internal libraries and algorithms to achieve its performance.

**Special JS feature or syntax**

The use of arrow functions (`=>`) in the third test case is a relatively modern JavaScript feature that provides concise and expressive code.

**Other alternatives**

If you're interested in exploring alternative approaches, here are some options:

* **Regular expressions**: You can use regular expressions to search an array, but this approach is generally slower than traditional for loops or `Array.prototype.find()` method.
* **Map-based implementations**: Another approach is to use a Map data structure to store the array elements and then perform the search. This approach can be efficient for large datasets but may have higher memory overhead.

Keep in mind that these alternatives might not be suitable for all scenarios, and performance results may vary depending on specific use cases and environments.

Related benchmarks:

Object array search by property (version: 0)

Comparing performance of: for loop vs javascript array.find vs javascript array.find with function

Created: 8 years ago by: Guest

Jump to the latest result

for loop

javascript array.find

javascript array.find with function

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):