Run results for: Splice Vs Filter Vs Lodash Remove Vs Lodash Filter

Run details:

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: Chrome 114

Operating system: Windows

Device Platform: Desktop

Date tested: 10 months ago

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);