Benchmark: bonkers - MeasureThat.net

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.12/lodash.min.js"></script>

Script Preparation code:

var max1 = 1000;
var arr1 = [];
for (var i = 0; i <= max1; i++) { arr1.push({ objectID: i.toString(), a: 'b', c: 'd', e: 'f', g: 'h' }); }

Tests:

lodash reduce current
_.reduce(arr1, (memo, item) => ({ ...memo, [item.objectID]: item }), {});
lodash reduce direct
_.reduce(arr1, (memo, item) => { memo[item.objectID] = item; return memo }, {});
lodash forEach object assign
const hits = {}; _.forEach(arr1, item => Object.assign(hits, { [item.objectID]: item }));
lodash forEach direct
const hits = {}; _.forEach(arr1, item => hits[item.objectID] = item);
native forEach object assign
const hits = {}; arr1.forEach(item => Object.assign(hits, { [item.objectID]: item }));
native forEach direct
const hits = {}; arr1.forEach(item => hits[item.objectID] = item);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash reduce current
lodash reduce direct
lodash forEach object assign
lodash forEach direct
native forEach object assign
native forEach direct

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):

LLMs can make mistakes. Check important info.

Measuring JavaScript performance is a crucial task, and MeasureThat.net provides an excellent platform for benchmarking various libraries and methods.

The provided JSON represents a benchmark test case named "bonkers." Let's break down the test case:

**Test Case:**

* **Script Preparation Code:** This code generates an array `arr1` with 1000 objects, each containing specific properties (`objectID`, `a`, `c`, `e`, and `g`). The script is used to prepare for the benchmarking process.
* **Html Preparation Code:** This line includes a JavaScript library, Lodash (version 4.17.12), via a CDN link. Lodash is a popular utility library that provides various functions for tasks like array manipulation, object creation, and more.

**Benchmark Definitions:**

The test case consists of six individual benchmark definitions, each comparing different approaches:

1. **`_.reduce(arr1, (memo, item) => ({ ...memo, [item.objectID]: item }), {});`:** This benchmark uses Lodash's `reduce()` function to iterate over the array `arr1`. The callback function creates a new object (`memo`) and updates it with each iteration.
2. **`_.reduce(arr1, (memo, item) => {\r\n  memo[item.objectID] = item;\r\n  return memo\r\n}, {});`:** Similar to the previous one, but without the initial empty object creation.
3. **`const hits = {};\r\n_.forEach(arr1, item => Object.assign(hits, { [item.objectID]: item }));`:** This benchmark uses Lodash's `forEach()` function with an additional callback that creates a new object (`hits`) and updates it using `Object.assign()`.
4. **`const hits = {};\r\n_.forEach(arr1, item => hits[item.objectID] = item);`:** Similar to the previous one, but without the initial empty object creation.
5. **`const hits = {};\r\narr1.forEach(item => Object.assign(hits, { [item.objectID]: item }));`:** This benchmark uses the native `forEach()` function on the array `arr1`, followed by a similar callback to create and update an object (`hits`).
6. **`const hits = {};\r\narr1.forEach(item => hits[item.objectID] = item);`:** Similar to the previous one, but without the initial empty object creation.

Now, let's discuss the pros and cons of each approach:

* **Lodash `reduce()` functions (1 and 2):** These approaches provide a concise way to iterate over the array and create a new object with dynamic keys. However, they may incur performance overhead due to the additional function call.
* **Lodash `forEach()` functions with `Object.assign()` (3 and 4):** These approaches use the native `forEach()` function on arrays, which is generally faster than using Lodash's version. The addition of `Object.assign()` creates a new object, but it might not be necessary in this case.
* **Native `forEach()` functions without `Object.assign()` (5 and 6):** These approaches are similar to the previous ones, but they use the native `forEach()` function on arrays directly.

Other considerations:

* The benchmarking process involves executing each test case multiple times to achieve a stable execution rate. This can be done by running the script in an infinite loop.
* MeasureThat.net provides a graphical representation of the results, allowing users to compare the performance of different approaches and browsers.

As for special JavaScript features or syntax used in these benchmarks:

None are explicitly mentioned.

Alternatives:

MeasureThat.net is part of a broader category of benchmarking tools that allow developers to measure performance and identify bottlenecks in their code. Some alternatives include:

* Benchmark.js: A popular benchmarking library for Node.js.
* Benchmark-Node: A benchmarking tool specifically designed for Node.js.
* jsbench: An online benchmarking platform for JavaScript code.

By using these tools, developers can create more accurate benchmarks and optimize their code for better performance.

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser/OS: Chrome 106 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
lodash reduce current	3626.1 Ops/sec
lodash reduce direct	44853.4 Ops/sec
lodash forEach object assign	435.8 Ops/sec
lodash forEach direct	43572.4 Ops/sec
native forEach object assign	438.5 Ops/sec
native forEach direct	61172.7 Ops/sec

Related benchmarks:

bonkers (version: 0)

Comparing performance of: lodash reduce current vs lodash reduce direct vs lodash forEach object assign vs lodash forEach direct vs native forEach object assign vs native forEach direct

Created: 2 years ago by: Guest

Jump to the latest result

lodash reduce current

lodash reduce direct

lodash forEach object assign

lodash forEach direct

native forEach object assign

native forEach direct

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 27 days ago):