Run results for: Map and Find vs Filter and Includes

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser: Chrome 118

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Map and find	481679.8 Ops/sec
Filter and Includes	18521.0 Ops/sec

Script Preparation code:

options = []

for (i = 0; i < 1000; i++) {
    options.push({
        id: i
    })
}

value = [Math.floor(Math.random() * 1000), Math.floor(Math.random() * 1000), Math.floor(Math.random() * 1000), Math.floor(Math.random() * 1000), Math.floor(Math.random() * 1000)]

Tests:

Map and find
value.map(id => options.find(option => option.id === id))
Filter and Includes
options.filter(option => value.includes(option.id))

Run results for: Map and Find vs Filter and Includes

Map and find

Filter and Includes