Run results for: Array Filter

Run details:

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

Browser: Chrome 80

Operating system: Mac OS X 10.15.3

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Lodash prop	24227.9 Ops/sec
Lodash arrow function	74317.1 Ops/sec
Lodash Object	63380.4 Ops/sec
Array filter	335214.8 Ops/sec
Arrray prototype filter	63369.1 Ops/sec
Ramda filter	91033.3 Ops/sec
Array prototype filter with thisArg	349382.1 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>

Script Preparation code:

function Rand(x) {
  return Math.floor(Math.random() * x);
}

const arr = R.map(x => { return {id: Rand(x)}; }, R.repeat(5, 1000));

function GetArray() { return arr; }

Tests:

Lodash prop
_.filter(GetArray(), 'id', 5);
Lodash arrow function
_.filter(GetArray(), i => i.id === 5);
Lodash Object
_.filter(GetArray(), {id: 5});
Array filter
GetArray().filter(i => i.id === 5);
Arrray prototype filter
Array.prototype.filter.call(GetArray(), i => i.id === 5);
Ramda filter
R.filter(i => i.id === 5, GetArray());
Array prototype filter with thisArg
GetArray().filter(i => i.id === 5, GetArray());

Run results for: Array Filter

Lodash vs Array filter

Lodash prop

Lodash arrow function

Lodash Object

Array filter

Arrray prototype filter

Ramda filter

Array prototype filter with thisArg