Benchmark: lodash merge vs object.assign vs spread (v3)

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Tests:

lodash merge
var defaultOptions = { headers: { 'content-type': 'application/json', 'user-agent': 'super-app', } }; var options = { headers: {'content-type': 'application/xml' }, data: { 'key': 'value' } }; var result = _.merge(defaultOptions, options);
object.assign
var defaultOptions = { headers: { 'content-type': 'application/json', 'user-agent': 'super-app', } }; var options = { headers: { 'content-type': 'application/xml' }, data: { 'key': 'value' } }; var result = Object.assign(defaultOptions, options);
spread
var defaultOptions = { headers: { 'content-type': 'application/json', 'user-agent': 'super-app', } }; var options = { headers: { 'content-type': 'application/xml' }, data: { 'key': 'value' } }; var result = { ...defaultOptions, ...options };
json deep clone
var defaultOptions = { headers: { 'content-type': 'application/json', 'user-agent': 'super-app', } }; var options = { headers: { 'content-type': 'application/xml' }, data: { 'key': 'value' } }; var clonedOptions = JSON.parse(JSON.stringify(options)); var result = Object.assign(defaultOptions, clonedOptions);

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: 2 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36

Browser/OS: Chrome 90 on Linux

lodash merge vs object.assign vs spread (v3) (version: 0)