Benchmark: Lodash: differenceBy vs filter & find

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 = [
  {
    id: 1,
  },
  {
    id: 3,
  }
]

Tests:

Lodash differenceBy
_.differenceBy( fullArray, partialArray.map(v => ({ value: String(v.id) })), 'value', )
javascript filter and find
fullArray.filter(full => !partialArray.find(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 find

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: yesterday)

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

Browser/OS: Chrome 123 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash differenceBy	2680033.0 Ops/sec
javascript filter and find	1910913.0 Ops/sec

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

Comparing performance of: lodash differenceBy with javascript filter and find

Comparing performance of: Lodash differenceBy vs javascript filter and find

Created: 3 years ago by: Guest

Jump to the latest result

Lodash differenceBy

javascript filter and find

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A