Run results for: Lodash extend vs Object.assign

Run details:

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

Browser: Chrome 125

Operating system: Linux

Device Platform: Desktop

Date tested: 5 days ago

Test name	Executions per second
Lodash extend	8.5 Ops/sec
Object.assign	17.4 Ops/sec
With ...	35.7 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js"></script>

Script Preparation code:

var arr = [];
var object1 = { 
	propa: {
        a: 1,
        b: 1
    },
	propb: {
        a: 1,
        b: 1
    },
	propc: {
        a: 1,
        b: 1
    }
};

var object2 = { 
	propa: {
        a: 1,
        d: 1
    },
	propb: {
        a: 1,
        d: 1
    },
	propd: {
        a: 1,
        d: 1
    }
};

for (var i = 0; i <= 100000; i++) { arr.push({ object1, object2 }); }

Tests:

Lodash extend
arr.map(function (element) { const { object1, object2 } = element; let results = {}; [object1, object2].forEach(elem => { for (const propy in elem) { results[propy] = _.extend({}, elem[propy], results[propy]); } }); });
Object.assign
arr.map(function (element) { const { object1, object2 } = element; let results = {}; [object1, object2].forEach(elem => { for (const propy in elem) { if (!results[propy]) { results[propy] = {}; } Object.assign(results[propy], elem[propy]); } }); });
With ...
arr.map(function (element) { const { object1, object2 } = element; let results = {}; [object1, object2].forEach(elem => { for (const propy in elem) { if (!results[propy]) { results[propy] = {}; } results[propy] = { ...results[propy], ...elem[propy] }; } }); });

Run results for: Lodash extend vs Object.assign

Compare lodash extend vs Object.assign

Lodash extend

Object.assign

With ...