Benchmark: lodash merge vs object.assign vs spread vs manual forEach for array merging

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' }, { c: 'goddess' }, { a: 'anime'}, { b: 'is', c: 'cool' } ]; var c = {}; _.forEach(a, (val, key) => { _.merge(c, {key: val}); });
object.assign
var a = [ { a: 'oh', b: 'my' }, { c: 'goddess' }, { a: 'anime'}, { b: 'is', c: 'cool' } ]; var c = {}; _.forEach(a, (val, key) => { Object.assign(c, {key: val}); });
spread
var a = [ { a: 'oh', b: 'my' }, { c: 'goddess' }, { a: 'anime'}, { b: 'is', c: 'cool' } ]; var c = {}; _.forEach(a, (val, key) => { c = {...c, key: val}; });
Manual forEach
var a = [ { a: 'oh', b: 'my' }, { c: 'goddess' }, { a: 'anime'}, { b: 'is', c: 'cool' } ]; var c = {}; _.forEach(a, (val, key) => { c[key] = val; });

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: one year ago)

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

Browser/OS: Chrome 102 on Mac OS X 10.15.7

lodash merge vs object.assign vs spread vs manual forEach for array merging (version: 0)