Deep copy in ES6 using the spread syntax

by

Use JSON for deep copy

var newObject = JSON.parse(JSON.stringify(oldObject))


var oldObject = {
  name: 'A',
  address: {
    street: 'Station Road',
    city: 'Pune'
  }
}
var newObject = JSON.parse(JSON.stringify(oldObject));

newObject.address.city = 'Delhi';
console.log('newObject');
console.log(newObject);
console.log('oldObject');
console.log(oldObject);

More Related Contents:

  1. What is SpreadElement in ECMAScript documentation? Is it the same as Spread syntax at MDN?
  2. Is it spread “syntax” or the spread “operator”?
  3. When to use ES6 class based React components vs. functional ES6 React components?
  4. Spread Syntax ES6
  5. Spread Syntax vs Rest Parameter in ES2015 / ES6
  6. Using spread operator multiple times in javascript?
  7. Spreading undefined in array vs object
  8. Usage of rest parameter and spread operator in javascript
  9. Are ‘Arrow Functions’ and ‘Functions’ equivalent / interchangeable?
  10. What’s the meaning of “=>” (an arrow formed from equals & greater than) in JavaScript?
  11. What is destructuring assignment and its uses?
  12. Arrow function without curly braces
  13. ES6 class variable alternatives
  14. What are the differences (if any) between ES6 arrow functions and functions bound with Function.prototype.bind?
  15. How do I destructure all properties into the current scope/closure in ES2015?
  16. React functional stateless component, PureComponent, Component; what are the differences and when should we use what?
  17. ES6 modules in local files – The server responded with a non-JavaScript MIME type
  18. What does @@ (“at at”) mean in ES6 JavaScript?
  19. ES6 tagged templates practical usability
  20. How to use javascript proxy for nested objects
  21. How to call another function within the same object?
  22. Wrap long template literal line to multiline without creating a new line in the string
  23. Declare a class property outside of a class method
  24. Importing javascript file for use within vue component
  25. React cannot read property map of undefined
  26. JavaScript asynchronous programming: promises vs generators
  27. Unnecessary ‘else’ after ‘return’. (No-else-return)
  28. using await on global scope without async keyword
  29. ES6 arrow function and lexical scope inside a function [duplicate]
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment