Run results for: Lodash: differenceBy vs filter & includes

Run details:

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

Browser: Chrome 96

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Lodash differenceBy	1013849.0 Ops/sec
javascript filter and find	1670854.0 Ops/sec

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
var values = partialArray.map(par => String(par.id)) fullArray.filter(full => !values.includes(full.value))

Run results for: Lodash: differenceBy vs filter & includes

Comparing performance of: lodash differenceBy with javascript filter and find

Lodash differenceBy

javascript filter and find