Is it possible to destructure onto an existing object? (Javascript ES6)

by

While ugly and a bit repetitive, you can do

({x: oof.x, y: oof.y} = foo);

which will read the two values of the foo object, and write them to their respective locations on the oof object.

Personally I’d still rather read

oof.x = foo.x;
oof.y = foo.y;

or

['x', 'y'].forEach(prop => oof[prop] = foo[prop]);

though.

More Related Contents:

  1. One-liner to take some properties from object in ES 6
  2. What is destructuring assignment and its uses?
  3. Where can I get info on the object parameter syntax for JavaScript functions?
  4. What does curly brackets in the `var { … } = …` statements do?
  5. ES6/ES2015 object destructuring and changing target variable
  6. How do I destructure all properties into the current scope/closure in ES2015?
  7. ES6 destructuring function parameter – naming root object
  8. How to destructure object properties with key names that are invalid variable names?
  9. Destructuring in Node.JS
  10. Destructuring and rename property
  11. ES6 Destructuring and Module imports
  12. Destructuring Nested objects in javascript | Destructure second level parent and child Objects
  13. ES6 destructuring object assignment function parameter default value
  14. How to destructure option argument with all default values in ES6?
  15. Curly brackets (braces) in Node.js ‘require’ statement
  16. Node JS / V8 destructuring bug?
  17. How to bind methods when destructuring an object in JavaScript?
  18. object destructuring: how to use intermediate nested property
  19. Is it possible to import modules from all files in a directory, using a wildcard?
  20. Why does babel rewrite imported function call to (0, fn)(…)?
  21. Call async/await functions in parallel
  22. What does the @ mean inside an import path?
  23. What are the actual uses of ES6 WeakMap?
  24. Can I set the filename of a PDF object displayed in Chrome?
  25. When should I use brackets with imports
  26. es6 import for side effects meaning
  27. Error: How to serialize data from getStaticProps : Next.js
  28. Update one of the objects in array, in an immutable way
  29. Access to Script at ‘ from origin ‘null’ has been blocked by CORS policy
  30. using await on global scope without async keyword

Leave a Comment