Run results for: Merging array of objects [Lodash merge vs Array.prototype.reduce merge]

Run details:

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

Browser: Chrome 133

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

reduce merge

7.4M/s

lodash merge spread

1.7M/s

lodash merge loop

211K/s

View exact numbers

Test name	Executions per second
✓ reduce merge	7,370,503 Ops/sec
lodash merge spread	1,682,741 Ops/sec
lodash merge loop	211,380 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var x = null;
var testObjectArray = [{
    a: 1
}, {
    b: 1
}, {
    c: [1, 2, 3]
}, {
    d: "hello"
}, {
    e: "e",
    f: "f"
}];

var reduceMerge = (objectArray) => objectArray.reduce(((accumulator, object) => Object.assign(accumulator, object)))

Tests:

lodash merge spread
x = _.merge(...testObjectArray);
lodash merge loop
x = {} for(const object in testObjectArray) { x = _.merge(x, object); }
reduce merge
x = reduceMerge(testObjectArray);