Run results for: lodash merge vs object.assign vs spread (v3)

Run details:

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

Browser: Chrome 91

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

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);