Benchmark: filter vs compact v4444

HTML Preparation code:

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

Script Preparation code:

var ops = [null, 1, 2, 3, 4, 5, null, null, null, 3, 4,5, 6, 34,341,2,2,2,1,212,21212,34,1,3112, null];

Tests:

ops.filter(Boolean)
ops.filter(Boolean)
_.compact(ops)
_.compact(ops)
ops.filter(op => !!op)
ops.filter(op => !!op)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
ops.filter(Boolean)
_.compact(ops)
ops.filter(op => !!op)

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 71 on Mac OS X 10.13.6

View result in a separate tab

Test name	Executions per second
ops.filter(Boolean)	1228468.8 Ops/sec
_.compact(ops)	2515279.8 Ops/sec
ops.filter(op => !!op)	5012445.0 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 2 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 is comparing three approaches to filter out null values from an array:

1. `filter(Boolean)`: This method uses the `Boolean` function as a callback, which returns true for all non-null values in the array.
2. `_compact(ops)`: This method comes from the Lodash library and removes all falsy values (including null) from the array.
3. `op => !!op`: This is an arrow function that uses the double-not operator (`!!`) to check if a value is truthy or not. It returns true for non-null values.

**Library and its purpose**

The Lodash library is used in the second test case, `_compact(ops)`. Lodash is a utility library for JavaScript that provides a lot of useful functions for tasks like array manipulation, string manipulation, and more. In this case, `_.compact` is a function that removes all falsy values from an array.

**Special JS feature or syntax**

None of the three approaches use any special JavaScript features or syntax other than the standard language.

**Options being compared**

The options being compared are:

* Filter out null values using `filter(Boolean)`, which returns all non-null values as true.
* Remove all falsy values from an array using Lodash's `_compact` function.
* Use a custom check (`op => !!op`) to determine if a value is truthy or not.

**Pros and cons of each approach**

1. `filter(Boolean)`:
	* Pros: Simple, easy to understand, and efficient for large arrays.
	* Cons: May be slower than the other two approaches for small arrays due to the overhead of the callback function.
2. `_compact(ops)`: (via Lodash)
	* Pros: Highly optimized for performance, handles all falsy values, and is a well-tested library function.
	* Cons: Requires an additional dependency on the Lodash library, which may add extra overhead.
3. `op => !!op`:
	* Pros: Simple, easy to understand, and does not require any external dependencies.
	* Cons: May be slower than the other two approaches due to the double-not operator (`!!`) and can lead to unexpected behavior for very large arrays.

**Other alternatives**

There are many other ways to filter out null values from an array, such as:

* Using `Array.prototype.filter` with a custom callback function.
* Using `Array.prototype.map` followed by `Array.prototype.filter`.
* Using `Array.prototype.reduce` and conditional statements to build the new array.

However, these alternatives may not be as efficient or optimized as the three approaches mentioned above.

Related benchmarks:

filter vs compact v4444 (version: 0)

Comparing performance of: ops.filter(Boolean) vs _.compact(ops) vs ops.filter(op => !!op)

Created: 5 years ago by: Guest

Jump to the latest result

ops.filter(Boolean)

_.compact(ops)

ops.filter(op => !!op)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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