Run results for: lodash merge vs object.assign vs spread - kin

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36

Browser: Chrome 83

Operating system: Windows

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 a = { a: 'oh', b: 'my', a1: 'oh', b1: 'my', a2: 'oh', b2: 'my', a3: 'oh', b3: 'my', a4: 'oh', b4: 'my', a5: 'oh', b5: 'my' }; var b = { c: 'goddess', c1: 'goddess', c2: 'goddess', c3: 'goddess', c4: 'goddess', c5: 'goddess', c6: 'goddess'}; var c = _.merge(a, b);
object.assign
var a = { a: 'oh', b: 'my', a1: 'oh', b1: 'my', a2: 'oh', b2: 'my', a3: 'oh', b3: 'my', a4: 'oh', b4: 'my', a5: 'oh', b5: 'my' }; var b = { c: 'goddess', c1: 'goddess', c2: 'goddess', c3: 'goddess', c4: 'goddess', c5: 'goddess', c6: 'goddess'}; var c = Object.assign(a, b);
spread
var a = { a: 'oh', b: 'my', a1: 'oh', b1: 'my', a2: 'oh', b2: 'my', a3: 'oh', b3: 'my', a4: 'oh', b4: 'my', a5: 'oh', b5: 'my' }; var b = { c: 'goddess', c1: 'goddess', c2: 'goddess', c3: 'goddess', c4: 'goddess', c5: 'goddess', c6: 'goddess'}; var c = { ...a, ...b };