Benchmark: Optimizing Code: Object vs Array

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];

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array Find
Object Find

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 5 months ago)

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

Browser/OS: Firefox 147 on Windows

View result in a separate tab

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

Optimizing Code: Object vs Array (version: 4)

Comparing performance of: `Array Find vs Object Find`

Created: 8 months ago by: Registered User

Go to the latest result

Array Find

Object Find

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Optimizing Code: Object vs Array (version: 4)

Comparing performance of: Array Find vs Object Find

Created: 8 months ago by: Registered User

Go to the latest result

Array Find

Object Find

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `Array Find vs Object Find`