Benchmark: Splice Vs Filter Vs Lodash Remove Vs Lodash Filter

HTML Preparation code:

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

Tests:

Splice
var arr = new Array(15000); arr.fill({ id: 0 }); arr = arr.map((arrVal,arrIDX) => ({id: Math.random() < 0.5 ? arrIDX: null})); for (var i = arr.length - 1; i >= 0; i -= 1) { if (!arr[i].id) arr.splice(i, 1); }
Filter
var arr = new Array(15000); arr.fill({ id: 0 }); arr = arr.map((arrVal,arrIDX) => ({id: Math.random() < 0.5 ? arrIDX: null})); arr2 = arr.filter(elem => elem.id);
Lodash Remove
var arr = new Array(15000); arr.fill({ id: 0 }); arr = arr.map((arrVal,arrIDX) => ({id: Math.random() < 0.5 ? arrIDX: null})); _.remove(arr, elem => !elem.id);
Lodash Filter
var arr = new Array(15000); arr.fill({ id: 0 }); arr = arr.map((arrVal,arrIDX) => ({id: Math.random() < 0.5 ? arrIDX: null})); arr2 = _.filter(arr, elem => elem.id);

Rendered benchmark preparation results:

Previous results

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

Latest run results:

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

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

Browser/OS: Chrome 114 on Windows

Splice Vs Filter Vs Lodash Remove Vs Lodash Filter (version: 2)