Run results for: _.filter with large arrays of objects

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:95.0) Gecko/20100101 Firefox/95.0

Browser: Firefox 95

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Filter without index	3723.3 Ops/sec
Filter with index	3821.2 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

Script Preparation code:

var indexedGroupList = Array.from({length: 50000}, () => {
  var temp_id = Math.floor(Math.random() * 99999999);
  var temp_group_id = Math.floor(Math.random() * 10);
  return {
    "id": temp_id,
    "group_id": temp_group_id,
    "post": {
      "id": temp_id,
      "group_id": temp_group_id,
      "name": "Test Name Here",
      "created_at": 1234871928373,
      "updated_at": 8471829378473,
      "is_test": true,
      "is_valid": false,
      "description": "this is a long form description text here.",
      "description2": "this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.",
      "description3": "this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.",
      "description4": "this is a long form description text here.",
      "description5": "this is a long form description text here.",
      "description6": "this is a long form description text here.",
      "is_test2": true,
      "is_valid2": false,
      "is_test3": true,
      "is_valid3": false,
      "is_test4": true,
      "is_valid4": false
    }
  }
});


var groupList = Array.from({length: 50000}, () => {
  return {
      "id": Math.floor(Math.random() * 99999999),
      "group_id": Math.floor(Math.random() * 10),
      "name": "Test Name Here",
      "created_at": 1234871928373,
      "updated_at": 8471829378473,
      "is_test": true,
      "is_valid": false,
      "description": "this is a long form description text here.",
      "description2": "this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.",
      "description3": "this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.this is a long form description text here.",
      "description4": "this is a long form description text here.",
      "description5": "this is a long form description text here.",
      "description6": "this is a long form description text here.",
      "is_test2": true,
      "is_valid2": false,
      "is_test3": true,
      "is_valid3": false,
      "is_test4": true,
      "is_valid4": false
    }
});

Tests:

Filter without index
_.filter(groupList, { 'group_id': 4 });
Filter with index
_.filter(indexedGroupList, { 'group_id': 4 });
Native filter without index
groupList.filter((item) => item?.group_id == 4);
Native filter with index
indexedGroupList.filter((item) => item?.group_id == 4);

Run results for: _.filter with large arrays of objects

Testing whether filter an array of large objects is faster is we "index" the objects vs just having an array of large objects.

Filter without index

Filter with index

Native filter without index

Native filter with index