Benchmark: JS multiple parameters vs parameter object - more tests

JS multiple parameters vs parameter object - more tests (version: 0)

Test whether it is faster to pass a single object or multiple parameters to a function call.

Comparing performance of: individualParams: Multiple parameters vs individualParams: Existing parameter object vs individualParams: Parameter object with spreading vs individualParams: New parameter object from values vs individualParams: New parameter object from object vs objectInAndUsed: Multiple parameters vs objectInAndUsed: Existing parameter object vs objectInAndUsed: Parameter object with spreading vs objectInAndUsed: New parameter object from values vs objectInAndUsed: New parameter object from object vs objectInAndDestructured: Multiple parameters vs objectInAndDestructured: Existing parameter object vs objectInAndDestructured: Parameter object with spreading vs objectInAndDestructured: New parameter object from values vs objectInAndDestructured: New parameter object from object

Created: one year ago by: Guest

Jump to the latest result

Script Preparation code:

var data = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7 }

function individualParams(a, b, c, d, e, f, g) {
  return a + b + c + d + e + f + g;
}

function objectInAndUsed(p) {
  return p.a + p.b + p.c + p.d + p.e + p.f + p.g;
}

function objectInAndDestructured(p) {
  const {a, b, c, d, e, f, g} = p;
  return a + b + c + d + e + f + g;
}

Tests:

individualParams: Multiple parameters
individualParams(data.a, data.b, data.c, data.d, data.e, data.f, Math.random())
individualParams: Existing parameter object
data.g = Math.random(); individualParams(data)
individualParams: Parameter object with spreading
individualParams({ ...data, g: Math.random() })
individualParams: New parameter object from values
individualParams({ a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: Math.random() })
individualParams: New parameter object from object
individualParams({a: data.a, b: data.b, c: data.c, d: data.d, e: data.e, f: data.f, g: Math.random()})
objectInAndUsed: Multiple parameters
objectInAndUsed(data.a, data.b, data.c, data.d, data.e, data.f, Math.random())
objectInAndUsed: Existing parameter object
data.g = Math.random(); objectInAndUsed(data)
objectInAndUsed: Parameter object with spreading
objectInAndUsed({ ...data, g: Math.random() })
objectInAndUsed: New parameter object from values
objectInAndUsed({ a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: Math.random() })
objectInAndUsed: New parameter object from object
objectInAndUsed({a: data.a, b: data.b, c: data.c, d: data.d, e: data.e, f: data.f, g: Math.random()})
objectInAndDestructured: Multiple parameters
objectInAndDestructured(data.a, data.b, data.c, data.d, data.e, data.f, Math.random())
objectInAndDestructured: Existing parameter object
data.g = Math.random(); objectInAndDestructured(data)
objectInAndDestructured: Parameter object with spreading
objectInAndDestructured({ ...data, g: Math.random() })
objectInAndDestructured: New parameter object from values
objectInAndDestructured({ a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: Math.random() })
objectInAndDestructured: New parameter object from object
objectInAndDestructured({a: data.a, b: data.b, c: data.c, d: data.d, e: data.e, f: data.f, g: Math.random()})

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
individualParams: Multiple parameters
individualParams: Existing parameter object
individualParams: Parameter object with spreading
individualParams: New parameter object from values
individualParams: New parameter object from object
objectInAndUsed: Multiple parameters
objectInAndUsed: Existing parameter object
objectInAndUsed: Parameter object with spreading
objectInAndUsed: New parameter object from values
objectInAndUsed: New parameter object from object
objectInAndDestructured: Multiple parameters
objectInAndDestructured: Existing parameter object
objectInAndDestructured: Parameter object with spreading
objectInAndDestructured: New parameter object from values
objectInAndDestructured: New parameter object from object

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 5 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:120.0) Gecko/20100101 Firefox/120.0

Browser/OS: Firefox 120 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
individualParams: Multiple parameters	718717100.0 Ops/sec
individualParams: Existing parameter object	7609091.0 Ops/sec
individualParams: Parameter object with spreading	4537130.0 Ops/sec
individualParams: New parameter object from values	7623112.0 Ops/sec
individualParams: New parameter object from object	6756125.0 Ops/sec
objectInAndUsed: Multiple parameters	740464100.0 Ops/sec
objectInAndUsed: Existing parameter object	183636700.0 Ops/sec
objectInAndUsed: Parameter object with spreading	11414800.0 Ops/sec
objectInAndUsed: New parameter object from values	256415400.0 Ops/sec
objectInAndUsed: New parameter object from object	258350400.0 Ops/sec
objectInAndDestructured: Multiple parameters	89732520.0 Ops/sec
objectInAndDestructured: Existing parameter object	102327100.0 Ops/sec
objectInAndDestructured: Parameter object with spreading	11255270.0 Ops/sec
objectInAndDestructured: New parameter object from values	65819240.0 Ops/sec
objectInAndDestructured: New parameter object from object	55947360.0 Ops/sec

JS multiple parameters vs parameter object - more tests (version: 0)

Test whether it is faster to pass a single object or multiple parameters to a function call.

Created: one year ago by: Guest

Jump to the latest result

individualParams: Multiple parameters

individualParams: Existing parameter object

individualParams: Parameter object with spreading

individualParams: New parameter object from values

individualParams: New parameter object from object

objectInAndUsed: Multiple parameters

objectInAndUsed: Existing parameter object

objectInAndUsed: Parameter object with spreading

objectInAndUsed: New parameter object from values

objectInAndUsed: New parameter object from object

objectInAndDestructured: Multiple parameters

objectInAndDestructured: Existing parameter object

objectInAndDestructured: Parameter object with spreading

objectInAndDestructured: New parameter object from values

objectInAndDestructured: New parameter object from object

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A