Run results for: Lodash reduce filter vs Native reduce filter vs Lodash filter vs Native filter

Run details:

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

Browser: Chrome 90

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Reduce filter	4300665.5 Ops/sec
Lodash reduce filter	2397747.2 Ops/sec
Native filter	4192194.8 Ops/sec
Lodash filter	2380433.2 Ops/sec
Reduce modify	4201719.0 Ops/sec
Map modify	4430502.0 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var testCopy = null;
var testArray = [{
  id: 1,
  description: 'Random description.',
  testDate: new Date(),
  testBoolean: true,
  testObject: {
    testString: 'test string',
    testNumber: 12345
  },
  testArray: [{
    myName: 'test name',
    myNumber: 123245
  }]
},{
  id: 2,
  description: 'Random description.',
  testNumber: 123456789,
  testBoolean: true,
  testObject: {
    testString: 'test string',
    testNumber: 12345
  },
  testArray: [{
    myName: 'test name',
    myNumber: 123245
  }]
}];

Tests:

Reduce filter
testCopy = testArray.reduce((accumulator, currentValue) => { if(currentValue.id != 2) { currentValue.description = 'test'; accumulator.push(currentValue); return accumulator; } return accumulator; },[])
Lodash reduce filter
testCopy = _.reduce(testArray,(accumulator, currentValue) => { if(currentValue.id != 2) { currentValue.description = 'test'; accumulator.push(currentValue); return accumulator; } return accumulator; },[]);
Native filter
testCopy = testArray.filter(o => { if(o.id != 2) { o.description = 'test'; return o; } });
Lodash filter
testCopy = _.filter(testArray, function(o) { if(o.id != 2) { o.description = 'test'; return o; } });
Reduce modify
testCopy = testArray.reduce((accumulator, currentValue) => { if(currentValue.id == 2) { currentValue.description = 'test'; accumulator.push(currentValue); return accumulator; } return accumulator; },[])
Map modify
testCopy = testArray.map((item)=>{ if(item.id == 2){ item.description = 'test'; } return item; });

Run results for: Lodash reduce filter vs Native reduce filter vs Lodash filter vs Native filter

compare filter methods on arrays that both modify objects and remove items from the array.

Reduce filter

Lodash reduce filter

Native filter

Lodash filter

Reduce modify

Map modify