Run results for: 10 Objects in a 100 Object Pool; Array find vs Map get

Run details:

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

Browser: Firefox 127

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Map.get

124.5M/s

Array.find

1.7M/s

View exact numbers

Test name	Executions per second
✓ Map.get	124,503,136 Ops/sec
Array.find	1,723,916 Ops/sec

Script Preparation code:

const randomMax = 100000000

const objectPoolSize = 100
const objectsToFind = 10

const getRandomNumber = (max) => {
  return Math.floor(Math.random() * max);
}

class TestObject {
    constructor() {
        this.a = getRandomNumber(randomMax)
        this.b = 'Test String'
    }
}

var map = new Map()
var array = []

for (let i = 0; i < objectPoolSize; i++) {
    const testObject = new TestObject()
    map.set(testObject.a, testObject)
    array.push(testObject)
}

var objectIdsToFind = [];

for (let i = 0; i < objectsToFind; i++) {
  objectIdsToFind.push(array[getRandomNumber(array.length)].a)
}

Tests:

Array.find
for (let i = 0; i < objectIdsToFind.length; i++) { array.find((val) => val.a === objectIdsToFind[i]) }
Map.get
for (let i = 0; i < objectIdsToFind.length; i++) { map.get(objectIdsToFind[i]) }

Run results for: 10 Objects in a 100 Object Pool; Array find vs Map get

Comparing array find vs map get

Array.find

Map.get