Run results for: medium size array find object with certain properties

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Browser: Chrome 114

Operating system: Linux

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
find lodash	1486.6 Ops/sec
for in	1726.0 Ops/sec
find native	1700.3 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.js"></script>

Script Preparation code:

  var media = {};
  const DATA_LENGTH = 4000;
  for (let i = 1; i <= DATA_LENGTH; i++) {
      media["c42dec10-6328-4ac1-97af-63ec8d8d302" + i] = {
          "mediumId": "c42dec10-6328-4ac1-97af-63ec8d8d302" + i,
          "cid": "1143200002A71",
          "uid": null,
          "active": true,
          "revoked": false,
          "personId": "0e3cf8c1-7a26-4335-9c7a-c133d218011" + i
      };
  }

Tests:

find lodash
_.find(Object.values(media), { personId:"0e3cf8c1-7a26-4335-9c7a-c133d2180112000", revoked: false })
for in
var found = null; for (let key in media) { if (media.hasOwnProperty(key)) { let value = media[key]; if (media[key].personId === "0e3cf8c1-7a26-4335-9c7a-c133d2180112000" && media[key].revoked === false) { found= media[key]; break; } } }
find native
Object.values(media).find(m => m.personId === "0e3cf8c1-7a26-4335-9c7a-c133d2180112000" && m.revoked === false)

Run results for: medium size array find object with certain properties

Compare the new ES6 spread operator with the traditional concat() method

find lodash

for in

find native