Run results for: Array.find vs object get

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
array.find 1st	32174610.0 Ops/sec
array.find middle	26576438.0 Ops/sec
array find last	21753632.0 Ops/sec
map.get	33339064.0 Ops/sec
iterate array	17605976.0 Ops/sec
iterate object	580082.8 Ops/sec
iterate object predefined keys	606460.9 Ops/sec

Script Preparation code:

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29];
var map = {
  a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, 
  a1: 11, b1: 12, c1: 13, d1: 14, e1: 15, f1: 16, g1: 17, h1: 18, i1: 19, j1: 20, 
  a2: 21, b2: 22, c2: 23, d2: 24, e2: 25, f2: 26, g2: 27, h2: 28, i2: 29 
}
var keys = Object.keys(map)

Tests:

array.find 1st
arr.find(i => i === 1)
array.find middle
arr.find(i => i === 15)
array find last
arr.find(i => i === 29)
map.get
map.e
iterate array
let sum = 0 for (const i of arr) { sum += i }
iterate object
let sum = 0 for (const key of Object.keys(map)) { sum += map[key] }
iterate object predefined keys
let sum = 0 for (const key of keys) { sum += map[key] }
Object.entries
let sum = 0 for (const [key, value] of Object.entries(map)) { sum += value }

Run results for: Array.find vs object get

array.find 1st

array.find middle

array find last

map.get

iterate array

iterate object

iterate object predefined keys

Object.entries