Run results for: Optimizing Code: Object vs Array

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0

Browser: Firefox 147

Operating system: Windows

Device Platform: Desktop

Date tested: 5 months ago

Object Find

40.2M/s

Array Find

17.0M/s

View exact numbers

Test name	Executions per second
✓ Object Find	40,182,024 Ops/sec
Array Find	16,973,906 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];