Run results for: 1000 Objects in a 10000 Object Pool; Array find vs Map get

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36

Browser: Chrome 103

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Array.find	1.6 Ops/sec
Map.get	3195.5 Ops/sec

Script Preparation code:

const randomMax = 100000000

const objectPoolSize = 10000
const objectsToFind = 1000

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: 1000 Objects in a 10000 Object Pool; Array find vs Map get

Comparing array find vs map get

Array.find

Map.get