Benchmark: Object.assign vs spread operator vs direct edit

Tests:

Object.assign
var params = { b:"hello", c: true, d:7 }; var other = Object.assign({ a: 2 }, params);
spread operator
var params = { b:"hello", c: true, d:7 }; var other = { a: 2, ...params };
direct edit
var params = { b:"hello", c: true, d:7 }; params.a = 2;

Rendered benchmark preparation results:

Previous results

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

Latest run results:

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

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

Browser/OS: Chrome 73 on Mac OS X 10.14.3

Object.assign vs spread operator vs direct edit (version: 0)