Benchmark: Lodash Flatten vs Array.flat()

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Tests:

array flat
const arrayA = ['hi', 'hi', 'hi', 'hi']; const arrayB = ['hi', 'hi', 'hi', 'hi']; const flattened = [ arrayA, arrayB ].flat(); console.log(flattened);
lodash flatten
const arrayA = ['hi', 'hi', 'hi', 'hi']; const arrayB = ['hi', 'hi', 'hi', 'hi']; const flattened = _.flatten([arrayA, arrayB]); console.log(flattened);

Historical Performance Data aggregated from 28 community runs

Desktop Results:

Chrome 28 runs

array flat

284K/s

lodash flatten

276K/s

View exact numbers

✓ array flat: 283,829 ops/sec
• lodash flatten: 276,180 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
array flat
lodash flatten

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 143 on Windows

View result in a separate tab

array flat

283K/s

lodash flatten

258K/s

View exact numbers

Test name	Executions per second
✓ array flat	283,127 Ops/sec
lodash flatten	258,273 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 is tested, compared options, pros and cons, library usage, special JavaScript features or syntax, and other considerations.

**Benchmark Overview**

The test compares two approaches to flatten arrays in JavaScript: using the built-in `Array.flat()` method versus using the Lodash library with its `_flatten()` function.

**Options Compared**

1. **Array.flat()**: This is a built-in JavaScript method introduced in ECMAScript 2019, which allows you to flatten an array or array-like object by recursively calling itself on each element that is also an array.
2. **Lodash _flatten()**: Lodash is a popular utility library for functional programming in JavaScript. Its `_flatten()` function takes an array as input and returns a new flattened array.

**Pros and Cons**

1. **Array.flat()**:
	* Pros: Native performance, low memory usage, easy to use.
	* Cons: Only supported in ECMAScript 2019 and later browsers/engines, may have slower performance for very large arrays.
2. **Lodash _flatten()**:
	* Pros: Wide browser support (thanks to the included Lodash library), supports older JavaScript versions, potentially faster for larger arrays due to optimized implementation.
	* Cons: Requires an additional library download and potential performance overhead.

**Library Usage**

In this benchmark, the Lodash library is used with its `_flatten()` function. Lodash is a popular utility library that provides many functional programming helpers, including flattening arrays.

**Special JavaScript Features or Syntax**

None mentioned in the provided test case.

**Other Considerations**

1. **Browser Support**: The benchmark runs on Chrome 128, which supports ECMAScript 2019 and later features.
2. **Device Platform**: The device is a desktop computer, which may impact performance compared to mobile devices.
3. **Operating System**: The operating system is Windows, which may also affect performance.

**Alternatives**

Other alternatives for flattening arrays in JavaScript include:

1. Using the `Array.prototype.concat()` method with an array of arrays.
2. Using a recursive function to manually flatten the array.
3. Using other libraries or frameworks that provide similar flattening functionality (e.g., Ramda).

Keep in mind that these alternatives may have different performance characteristics and usage scenarios compared to Array.flat() and Lodash _flatten().

Lodash Flatten vs Array.flat() (version: 0) Benchmark.js

lodash flatten vs spread

Comparing performance of: `array flat vs lodash flatten`

Created: 3 years ago by: Guest

Go to the latest result

array flat

lodash flatten

Historical Performance Data aggregated from 28 community runs

Desktop Results:

Chrome 28 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 Flatten vs Array.flat() (version: 0) Benchmark.js

lodash flatten vs spread

Comparing performance of: array flat vs lodash flatten

Created: 3 years ago by: Guest

Go to the latest result

array flat

lodash flatten

Historical Performance Data aggregated from 28 community runs

Desktop Results:

Chrome 28 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: `array flat vs lodash flatten`