Benchmark: helpers.merge vs spread vs underscore.extend

HTML Preparation code:

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

Tests:

helpers.merge
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var merge = function (a, b, options) { if (options == null) { options = {}; } if (!a) { return b; } if (!b) { return a; } var deep = options.deep || false; var sum = options.sum || false; var r ={}; for(var i in a ){ r[i] = a[i]; } for(var j in b ){ if (deep && r.hasOwnProperty(j) && this.isObject(r[j]) && this.isObject(b[j])) { r[j] = this.merge(r[j], b[j], options); } else { if( sum === true ) { if( ( jpath.isNumber( r[ j ] ) === true ) && ( jpath.isNumber( b[ j ] ) === true ) ) { r[j] += b[j]; } else { r[j] = b[j]; } } else { r[j] = b[j]; } } } return r; }; var c = merge(a, b);
object.assign
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = { ...a, ...b}
underscore.extend
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var createAssigner = function(keysFunc, undefinedOnly) { return function(obj) { var length = arguments.length; if (length < 2 || obj == null) return obj; for (var index = 1; index < length; index++) { var source = arguments[index], keys = keysFunc(source), l = keys.length; for (var i = 0; i < l; i++) { var key = keys[i]; if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key]; } } return obj; }; }; var allKeys = function(obj) { if (!_.isObject(obj)) return []; var keys = []; for (var key in obj) keys.push(key); return keys; }; var extend = createAssigner(allKeys); var c = extend(a, b);

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

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

Browser/OS: Chrome 87 on Linux

helpers.merge vs spread vs underscore.extend (version: 0)