Run results for: Optimizing Code: Object vs Array II

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

Object Find

77.3M/s

Array Find

36K/s

View exact numbers

Test name	Executions per second
✓ Object Find	77,332,416 Ops/sec
Array Find	35,525 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var arr = Array.from({ length: 10000 }, (_, i) => ({ id: `id${i + 1}` }));

var target = 'id5000';

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];