How to destructure an object to an already defined variable? [duplicate]

by

You need to use assignment separate from declaration syntax:

({
    screenings,
    size
} = source);

Babel REPL Example

From the linked docs:

The ( .. ) around the assignment statement is required syntax when
using object literal destructuring assignment without a declaration

And obviously you need to use this as you can’t redeclare a let variable. If you were using var, you could just redeclare var { screenings, size } = source;

More Related Contents:

  1. When should I use a return statement in ES6 arrow functions
  2. ECMAScript 6 arrow function that returns an object
  3. One-liner to take some properties from object in ES 6
  4. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  5. Using Node.js require vs. ES6 import/export
  6. Convert a string to a template string
  7. ES6 destructuring function parameter – naming root object
  8. What is the motivation for bringing Symbols to ES6?
  9. How to destructure into dynamically named variables in ES6?
  10. What is “function*” in JavaScript?
  11. Which browsers support import and export syntax for ECMAScript 6?
  12. ECMAScript 2015: const in for loops
  13. Create object from array
  14. How to generate range of numbers from 0 to n in ES2015 only?
  15. Error Duplicate Const Declaration in Switch Case Statement
  16. ES6 Dynamic class names
  17. ES6 array map doesn’t return anything: ReactJS
  18. ECMAScript 6 class destructor
  19. React.createClass vs. ES6 arrow function
  20. then() callback firing before promise is resolved in node.js [duplicate]
  21. ECMAScript 6: what is WeakSet for?
  22. Are HTMLCollection and NodeList iterables?
  23. How can I mock the imports of an ES6 module?
  24. spread operator vs array.concat()
  25. Replace element at specific position in an array without mutating it
  26. Promises, pass additional parameters to then chain
  27. String interpolation on variable
  28. Why should forEach be preferred over regular iterators?
  29. functional way to iterate over range (ES6/7) [duplicate]
  30. ES6 module scope

Leave a Comment