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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser: Chrome 106

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Reduce filter	10081029.0 Ops/sec
Lodash reduce filter	5673872.5 Ops/sec
Native filter	10051593.0 Ops/sec
Lodash filter	5411712.5 Ops/sec
Reduce modify	10257437.0 Ops/sec
Map modify	10535635.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