Run results for: Index an element in array.

Run details:

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

Browser: Chrome 142

Operating system: Linux

Device Platform: Desktop

Date tested: 8 months ago

Map.get Object

112.5M/s

Map.get

52.3M/s

Array.findIndex Object

38.4M/s

Array.findIndex

30.1M/s

Array.indexOf Object

26.2M/s

Array.indexOf

18.2M/s

View exact numbers

Test name	Executions per second
✓ Map.get Object	112,541,368 Ops/sec
Map.get	52,330,084 Ops/sec
Array.findIndex Object	38,410,000 Ops/sec
Array.findIndex	30,092,442 Ops/sec
Array.indexOf Object	26,226,406 Ops/sec
Array.indexOf	18,238,040 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>

Script Preparation code:

const array = Array.from({ length: 10 }, () => Math.random());
const arrayObject = Array.from({ length: 10 }, () => ({ value: Math.random() }));
const map = new Map();
const mapObject = new Map();
array.forEach((v, i) => map.set(v, i));
arrayObject.forEach((v, i) => map.set(v, i));
const testArray = _.shuffle(array);
const testArrayObject = _.shuffle(arrayObject);

Tests:

Array.indexOf
testArray.forEach(v => { const index = array.indexOf(v); });
Map.get
testArray.forEach(v => { const index = map.get(v) ?? -1; });
Array.findIndex
testArray.forEach(v => { const index = array.findIndex(vv => v === vv); });
Array.indexOf Object
testArrayObject.forEach(v => { const index = arrayObject.indexOf(v); });
Map.get Object
testArrayObject.forEach(v => { const index = mapObject.get(v) ?? -1; });
Array.findIndex Object
testArrayObject.forEach(v => { const index = arrayObject.findIndex(vv => v === vv); });