Benchmark: Remove duplicate: Pure JS VS Lodash

HTML Preparation code:

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

Script Preparation code:

var arr = [
  {
   id: 123,
   name: "abc",
  },
  {
   id: 1234,
   name: "abcd",
  },
  {
   id: 123,
   name: "abc",
  },
  {
    id: 4321,
    name: 'dcba',
  },
];

var key='id';

Tests:

Pure JS: map
var indexArray = []; var newArray = arr.map(a => { if (indexArray.indexOf(a[key]) < 0) { indexArray.push(a[key]); return a; }; return -1; }).filter(a => a != -1);
Pure JS: forEach
var indexArray = []; var newArray = []; arr.forEach(a => { if (indexArray.indexOf(a[key]) < 0) { indexArray.push(a[key]); newArray.push(a); }});
Lodash: uniqBy
var newArray = _.uniqBy(arr, key);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Pure JS: map
Pure JS: forEach
Lodash: uniqBy

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: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

Browser/OS: Firefox 105 on Windows

View result in a separate tab

Test name	Executions per second
Pure JS: map	2067486.0 Ops/sec
Pure JS: forEach	8593202.0 Ops/sec
Lodash: uniqBy	9033602.0 Ops/sec

Remove duplicate: Pure JS VS Lodash (version: 0)

Comparing performance of: Pure JS: map vs Pure JS: forEach vs Lodash: uniqBy

Created: 4 years ago by: Registered User

Jump to the latest result

Pure JS: map

Pure JS: forEach

Lodash: uniqBy

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A