Benchmark: Lodash: differenceBy vs filter & some

HTML Preparation code:

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

Script Preparation code:

var fullArray = [
  {
    title: 'full arr 1',
    value: '1',
  },
  {
    title: 'full arr 2',    
    value: '2',
  },
  {
    title: 'full arr 3',    
    value: '3',
  }
]
var partialArray = [
  {
    value: '1',
  },
  {
    value: '3',
  }
]

Tests:

Lodash differenceBy
_.differenceBy( fullArray, partialArray, 'value', )
javascript filter and some
fullArray.filter(full => !partialArray.some(par => String(par.id) === full.value))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash differenceBy
javascript filter and some

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome Mobile 133 on Android

View result in a separate tab

Test name	Executions per second
Lodash differenceBy	1975419.6 Ops/sec
javascript filter and some	591879.3 Ops/sec

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

LLMs can make mistakes. Check important info.

**What is being tested?**

The provided JSON represents two test cases for measuring the performance of JavaScript microbenchmarks. The tests are designed to compare the performance of two approaches:

1. **Lodash's `differenceBy` function**: This function filters an array by comparing each element with a second array (partialArray) based on a specified field (`'value'` in this case).
2. **A custom implementation using JavaScript's built-in filter() and some() methods**: This implementation uses the filter() method to create a new array with elements that do not match any element in partialArray, and then uses the some() method to check if an element matches any element in partialArray.

**Options compared**

The two approaches are being compared to determine which one is faster.

**Pros and Cons of each approach:**

1. **Lodash's `differenceBy` function**:
	* Pros:
		+ Convenient and concise syntax.
		+ Lodash provides a robust and well-tested implementation.
	* Cons:
		+ May introduce additional overhead due to the use of an external library.
		+ Limited control over performance optimizations.
2. **Custom implementation using JavaScript's built-in filter() and some() methods**:
	* Pros:
		+ Provides fine-grained control over performance optimizations.
		+ No external dependencies (e.g., Lodash).
	* Cons:
		+ More verbose syntax.
		+ Requires manual optimization of nested loops.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a set of functional programming helpers, including `differenceBy`. It is designed to make common tasks easier and more efficient. In this benchmark, Lodash's `differenceBy` function is used to filter an array based on a specified field (`'value'`). The Lodash library is included in the benchmark via a CDN link.

**Special JS feature/syntax: None**

There are no special JavaScript features or syntaxes being used in these benchmarks. The focus is on comparing the performance of two basic approaches.

**Other alternatives**

If you were to implement this benchmark with alternative libraries or methods, some options could be:

* Using other filtering libraries like `underscore` or `ramda`.
* Implementing a custom filtering algorithm using only JavaScript's built-in functions (e.g., `reduce`, `map`, etc.).
* Using a different programming paradigm (e.g., functional programming) to implement the filter() and some() methods.

However, these alternatives would likely have similar performance characteristics as the Lodash-based implementation and the custom JavaScript implementation, respectively.

Related benchmarks:

Lodash: differenceBy vs filter & some (version: 0)

Comparing performance of: lodash differenceBy with javascript filter and find

Comparing performance of: Lodash differenceBy vs javascript filter and some

Created: 3 years ago by: Guest

Jump to the latest result

Lodash differenceBy

javascript filter and some

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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