Run results for: Optimizing Code: Object vs Array

Run details:

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

Browser: Opera 122

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 8 months ago

Array Find

7.1M/s

Object Find

603K/s

View exact numbers

Test name	Executions per second
✓ Array Find	7,122,334 Ops/sec
Object Find	602,975 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

var arr = Array.from({ length: 10 }, (_, i) => ({ id: `id${i + 1}` }));

var target = 'id5';

const buildMap = (() => {
  const cache = new WeakMap();

  return function (array) {
    if (cache.has(array)) {
      return cache.get(array);
    }

    const out = {};
    for (let i = 0; i < array.length; i++) {
      const item = array[i];
      out[item.id] = item;
    }

    cache.set(array, out);
    return out;
  };
})();

Tests:

Array Find
arr.find(x => x.id === target);
Object Find
const map = buildMap(arr); map[target];