Benchmark: lodash.each vs Object.forEach vs jQuery each

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Script Preparation code:


// Populate the base array
var arr = [];
for (var i = 0; i < 1000; i++) {
  arr[i] = i;
}

function fn(a) {
  return a * 2 * 5;
}

Tests:

lodash.each
_.forEach(arr,fn)
native
arr.forEach(fn)
for loop
for(i=0;i<arr.length;i++) fn(arr[i]);
jQuery each
$.each(fn);

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

jQuery each

3.3M/s

lodash.each

152K/s

native

129K/s

for loop

5K/s

Fastest: jQuery each (626.2x faster)

View exact numbers

✓ jQuery each: 3,337,562 ops/sec
• lodash.each: 152,419 ops/sec
• native: 128,732 ops/sec
• for loop: 5,330 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
lodash.each
native
for loop
jQuery each

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Browser/OS: Chrome 125 on Windows

View result in a separate tab

jQuery each

1.1M/s

lodash.each

44K/s

native

39K/s

for loop

2K/s

View exact numbers

Test name	Executions per second
✓ jQuery each	1,087,008 Ops/sec
lodash.each	44,487 Ops/sec
native	38,810 Ops/sec
for loop	1,615 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 provided benchmark and explain what's being tested.

**Benchmark Overview**

The benchmark compares the performance of three approaches to iterate over an array:

1. `lodash.each`
2. `Object.forEach` (native JavaScript)
3. `$.each` (jQuery)

**Options Compared**

The three options are compared in terms of their execution speed, measured by the number of executions per second.

**Pros and Cons**

Here's a brief summary of each approach:

* **`_lodash.each`**:
	+ Pros: Built-in utility function from the Lodash library, easy to use, and well-maintained.
	+ Cons: External dependency on Lodash, which may not be included in all environments (e.g., older browsers).
* **`Object.forEach`**:
	+ Pros: Native JavaScript method, no external dependencies, and widely supported across modern browsers.
	+ Cons: May have slower performance compared to `lodash.each`, especially for large datasets.
* **`$.each` (jQuery)**:
	+ Pros: Widely used and well-supported by jQuery users, easy to use.
	+ Cons: External dependency on jQuery, which may not be included in all environments.

**Library and Purpose**

The Lodash library is a popular JavaScript utility library that provides various functions for common tasks, including array manipulation. In this benchmark, `_lodash.each` is used to iterate over the `arr` array using its `forEach` method.

**Special JS Feature or Syntax (None)**

There are no special features or syntaxes being tested in this benchmark.

**Other Considerations**

When choosing between these approaches, consider the following factors:

* Performance: If speed is critical, `Object.forEach` might be a better choice. However, if you're working with large datasets and need more control over the iteration process, `_lodash.each` or `$.each` (jQuery) might be more suitable.
* Maintenance and support: If you're not using jQuery, `_lodash.each` will require additional setup.

**Alternatives**

If you don't want to use external libraries like Lodash or jQuery, you can also consider the following alternatives:

* Use a custom implementation of `forEach`, similar to `Object.forEach`.
* Iterate over the array manually using a loop (as shown in the "for loop" test case).
* Consider using other libraries like Ramda or Underscore.js, which provide similar functionality to Lodash.

lodash.each vs Object.forEach vs jQuery each (version: 0)

Comparing performance of: `lodash.each vs native vs for loop vs jQuery each`

Created: 6 years ago by: Guest

Go to the latest result

lodash.each

native

for loop

jQuery each

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

lodash.each vs Object.forEach vs jQuery each (version: 0)

Comparing performance of: lodash.each vs native vs for loop vs jQuery each

Created: 6 years ago by: Guest

Go to the latest result

lodash.each

native

for loop

jQuery each

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 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: `lodash.each vs native vs for loop vs jQuery each`