Benchmark: Find Index vs Map

Tests:

Map
const items = [{ name: 'demo09', date: '123454532', gender: 'all' }, { name: 'demo09', date: '123454532', gender: 'all' }, { name: 'demo2', date: '123454532', gender: 'all' }, { name: 'demo3', date: '123454532', gender: 'all' }, { name: 'demo', date: '123454532', gender: 'all' }]; const currentStage = 'demo'; const stageIndex = items.map((e) => e.name).indexOf(currentStage);
Find Index
const items = [{ name: 'demo09', date: '123454532', gender: 'all' }, { name: 'demo09', date: '123454532', gender: 'all' }, { name: 'demo2', date: '123454532', gender: 'all' }, { name: 'demo3', date: '123454532', gender: 'all' }, { name: 'demo', date: '123454532', gender: 'all' }]; const currentStage = 'demo'; const stageIndex = items.findIndex((item) => item.name === currentStage);

Rendered benchmark preparation results:

Previous results

Test case name	Result
Map
Find Index

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 83 on Mac OS X 10.14.6

Test name	Executions per second
Map	21477390.0 Ops/sec
Find Index	37702130.0 Ops/sec

Find Index vs Map (version: 0)