Lodash – difference between .extend() / .assign() and .merge()

by

Here’s how extend/assign works: For each property in source, copy its value as-is to destination. if property values themselves are objects, there is no recursive traversal of their properties. Entire object would be taken from source and set in to destination.

Here’s how merge works: For each property in source, check if that property is object itself. If it is then go down recursively and try to map child object properties from source to destination. So essentially we merge object hierarchy from source to destination. While for extend/assign, it’s simple one level copy of properties from source to destination.

Here’s simple JSBin that would make this crystal clear:
http://jsbin.com/uXaqIMa/2/edit?js,console

Here’s more elaborate version that includes array in the example as well:
http://jsbin.com/uXaqIMa/1/edit?js,console

More Related Contents:

  1. Can’t perform a React state update on an unmounted component
  2. How to do a deep comparison between 2 objects with lodash?
  3. Comparing two arrays of objects, and exclude the elements who match values into new array in JS
  4. How to merge multiple array of object by ID in javascript?
  5. Correct way to import lodash
  6. How to make lodash work with Angular JS?
  7. How to use lodash to find and return an object from Array?
  8. Filter array of objects whose any properties contains a value
  9. Merge Array of Objects by Property using Lodash
  10. What happened to Lodash _.pluck?
  11. React Native: Using lodash debounce
  12. Lodash remove items recursively
  13. How to convert object containing Objects into array of objects
  14. Split JavaScript array in chunks using Lodash
  15. Find property by name in a deep object
  16. How to Import a Single Lodash Function?
  17. Flatten array with objects into 1 object
  18. use Lodash to sort array of object by value
  19. Filter nested array in object array by array of values
  20. Lodash create collection from duplicate object keys
  21. How to remove undefined and null values from an object using lodash?
  22. Using lodash to compare jagged arrays (items existence without order)
  23. lodash debounce not working in anonymous function
  24. Using Lodash to sum values by key
  25. How to use Lodash to merge two collections based on a key?
  26. How to add mixins to ES6 javascript classes?
  27. Import from node_modules not recognized in es6 modules in browser
  28. Javascript: Sort array of arrays by second element in each inner array
  29. How can I remove an element from a list, with lodash?
  30. Array of object deep comparison with lodash

Leave a Comment