map + indexOf vs findIndex

Benchmark created by Zequez on


Setup

var arr = []
  
  for (var i = 0; i <= 10000; i++) {
   arr.push({
      id: i,
      name: 'Potato' + i,
   })
  }

Test runner

Ready to run.

Testing in
TestOps/sec
index 0%: map + indexOf
arr.map(function(e) { return e.id }).indexOf(arr[0]) === 0
ready
index 0%: findIndex
var id = arr[0]
arr.findIndex(function(e) { return e.id === id }) === 0
ready
index 25%: map + indexOf
arr.map(function(e) { return e.id }).indexOf(arr[2500]) === 2500
ready
index 25%: findIndex
var id = arr[2500]
arr.findIndex(function(e) { return e.id === id }) === 2500
ready
index 50%: map + indexOf
arr.map(function(e) { return e.id }).indexOf(arr[5000]) === 5000
ready
index 50%: findIndex
var id = arr[5000]
arr.findIndex(function(e) { return e.id === id }) === 5000
ready
index 75%: map + indexOf
arr.map(function(e) { return e.id }).indexOf(arr[7500]) === 7500
ready
index 75%: findIndex
var id = arr[7500]
arr.findIndex(function(e) { return e.id === id }) === 7500
ready
index 100%: map + indexOf
arr.map(function(e) { return e.id }).indexOf(arr[10000]) === 10000
ready
index 100%: findIndex
var id = arr[10000]
arr.findIndex(function(e) { return e.id === id }) === 10000
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

  • Revision 1: published by Zequez on