Benchmark: chunk test - MeasureThat.net

HTML Preparation code:

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

Script Preparation code:

var array = [
  { 'name': 'lim', 'age': 26 },
  { 'name': 'kim', 'age': 28 },
  { 'name': 'choi', 'age': 32 },
  { 'name': 'park', 'age': 21 }
 ];


var chunk = (input, size) => {
  return input.reduce((arr, item, idx) => {
    return idx % size === 0
      ? [...arr, [item]]
      : [...arr.slice(0, -1), [...arr.slice(-1)[0], item]];
  }, []);
};

Tests:

native
chunk(array, 2)
lodash
_.chunk(array, 2)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
native
lodash

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 9 months ago)

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/29.0 Chrome/136.0.0.0 Mobile Safari/537.36

Browser/OS: Chrome Mobile 136 on Android

View result in a separate tab

lodash

24.4M/s

native

4.6M/s

View exact numbers

Test name	Executions per second
✓ lodash	24,355,288 Ops/sec
native	4,640,815 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 measures the performance of two approaches to chunking an array into smaller sub-arrays: one implemented in native JavaScript (without any external library) and another using the popular utility library Lodash.

**What is Chunking?**

Chunking an array involves splitting it into smaller, equal-sized sub-arrays. The goal of this benchmark is to determine which implementation is faster for chunking arrays of a specified size.

**Options Compared**

There are two options being compared:

1. **Native JavaScript**: This approach uses native JavaScript functions and variables to implement the chunking algorithm.
2. **Lodash**: This approach uses the Lodash library, specifically the `chunk` function from the `lodash` module.

**Pros and Cons of Each Approach**

**Native JavaScript:**

Pros:

* Lightweight and self-contained
* No dependencies on external libraries
* Potential for better cache locality and performance

Cons:

* May require more manual optimization and tuning
* Limited to basic JavaScript features and syntax

**Lodash:**

Pros:

* Leverages optimized, battle-tested implementation from a popular library
* Simplifies the chunking algorithm with a well-known function name
* Easier maintenance and updates due to the existing community support

Cons:

* Adds an external dependency (the Lodash library)
* May introduce overhead due to the added complexity

**Other Considerations**

The benchmark also includes information about the device platform, operating system, and browser being used. This data can be useful in understanding how different environments affect performance.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a collection of helper functions for common tasks, such as array manipulation, string manipulation, and more. The `chunk` function from Lodash splits an array into smaller sub-arrays of a specified size.

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

There are no special JavaScript features or syntax used in this benchmark that require explanation.

**Alternatives**

Other alternatives for chunking arrays include:

* Using the `Array.prototype.slice()` method with arithmetic indexing
* Implementing a custom, hand-rolled algorithm using bitwise operations and loops
* Utilizing a third-party library like Ramda or Underscore.js (in addition to Lodash)

Keep in mind that these alternatives may have varying levels of performance, readability, and maintainability compared to the native JavaScript implementation and Lodash.

chunk test (version: 0) Benchmark.js

Comparing performance of: `native vs lodash`

Created: 3 years ago by: Registered User

Go to the latest result

native

lodash

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

chunk test (version: 0) Benchmark.js

Comparing performance of: native vs lodash

Created: 3 years ago by: Registered User

Go to the latest result

native

lodash

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: `native vs lodash`