Benchmark: Map.get vs array.indexOf sorting v2

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const order = ['a', 'b', 'c']
const data = ['b', 'c', 'a', 'd']
const preparedMap = new Map(order.map((letter, index) => [letter, index]))

Tests:

Map
const orderMap = new Map(order.map((letter, index) => [letter, index])) data.sort((a, b) => (orderMap.get(a) ?? Infinity) - (orderMap.get(b) ?? Infinity))
indexOf
data.sort((a, b) => { const indexA = order?.indexOf(a) const indexB = order?.indexOf(b) if (indexA !== -1 && indexB !== -1) return indexA - indexB if (indexA === -1 && indexB !== -1) return 1 if (indexA !== -1 && indexB === -1) return -1 return 0 })
preparedMap
data.sort((a, b) => (preparedMap.get(a) ?? Infinity) - (preparedMap.get(b) ?? Infinity))

Rendered benchmark preparation results:

Previous results

Latest run results:

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

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

Browser/OS: Chrome 140 on Mac OS X 10.15.7

indexOf

13.8M/s

preparedMap

10.5M/s

Map

7.0M/s

View exact numbers

Map.get vs array.indexOf sorting v2 (version: 1)