_.extend vs _.clone in lodash

Question

To inherit properties of one object by another while dealing with JavaScript objects, I often see usage of _.clone where the intention was to create an object with another object's properties and then it would be extended.

Why can't we just use _.extend which is more relevant to extend an object?

Please tell me the difference between the two and why we can't _.extend instead of _.clone which is a costly operation.

http://stackoverflow.com/questions/21851974/lodash-clone-and-clonedeep-behaviors — stasovlas, Dec 09 '16 at 15:13

score 5 · Accepted Answer · edited Jun 20 '20 at 09:12

5

_.extend mutates the object. _.clone creates a copy by values, not by reference and does not change the original object. Please note that _.extend is merely an alias for _.assignIn.

_.assignIn(object, [sources])

Note: This method mutates object.

https://lodash.com/docs/4.17.2#assignIn

Also see documenation for _.clone:

https://lodash.com/docs/4.17.2#clone

edited Jun 20 '20 at 09:12

Community

1
1

answered Dec 09 '16 at 15:19

connexo

53,704
14
91
128

_.extend mutates the actual object and _.clone returns a copy of the object. Rather, why can't we establish a parent-child (prototypal inheritence) relationship between the objects so that, if the child doesn't have a property, it will inherit from parent and provide. And by doing so, we can have so many childs and a parent rather than mutating/cloning the object. Please tell me. – Madav Dec 13 '16 at 14:04

score 4 · Answer 2 · edited May 23 '17 at 12:13

4

If you _.extend() an existing object, you mutate the object. If you _.clone() it first, the original object remains untouched.

You could of course extend an empty object with the original object's properties and some additional ones, which also leaves the original object unchanged:

_.extend({}, originalObject, {
    additionalProperty: "foo"
})

This works very similar to a shallow clone of originalObject. With ES2015, you can achieve the same goal with plain JavaScript and Object.assign().

Additional reading:

Why is immutability important in JavaScript?

edited May 23 '17 at 12:13

Community

1
1

answered Dec 09 '16 at 15:16

TimoStaudinger

41,396
16
88
94

_.extend mutates the actual object and _.clone returns a copy of the object. Rather, why can't we establish a parent-child (prototypal inheritence) relationship between the objects so that, if the child doesn't have a property, it will inherit from parent and provide. And by doing so, we can have so many childs and a parent rather than mutating/cloning the object. Please tell me. – Madav Dec 13 '16 at 14:01

_.extend vs _.clone in lodash

2 Answers2