Run results for: call vs prop & array vs map for both

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:62.0) Gecko/20100101 Firefox/62.0

Browser: Firefox 62

Operating system: Linux

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
call (Array)	492176.4 Ops/sec
call (Map)	193730.2 Ops/sec
prop (Array)	462544.2 Ops/sec
prop (Map)	198468.5 Ops/sec

Script Preparation code:

class Foobar {
  constructor () {
    this.n = 1
    this.funcs = [this.foo, this.bar, this.baz]
    this.funcMap = new Map(this.funcs.map((func, i) => [i, func]))
    this.props = ['foo', 'bar', 'baz']
    this.propMap = new Map(this.props.map((prop, i) => [i, prop]))
  }
  
  foo () {
    this.n *= 2
  }
  
  bar () {
    this.n *= 3
  }
  
  baz () {
    this.n /= 4
  }
}

var foobar = new Foobar()

Tests:

call (Array)
for (let i = 0; i < 100; i += 1) { foobar.funcs[i % 3].call(foobar) }
call (Map)
for (let i = 0; i < 100; i += 1) { foobar.funcMap.get(i % 3).call(foobar) }
prop (Array)
for (let i = 0; i < 100; i += 1) { foobar[foobar.props[i % 3]]() }
prop (Map)
for (let i = 0; i < 100; i += 1) { foobar[foobar.propMap.get(i % 3)]() }

Run results for: call vs prop & array vs map for both

call (Array)

call (Map)

prop (Array)

prop (Map)