ES6/ES2015 object destructuring and changing target variable

by

You can assign new variable names, like shown in this MDN Example

var o = { p: 42, q: true };

// Assign new variable names
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true

So, in your case, the code will be like this

const b = 6;
const test = { a: 1, b: 2 };
let { a, b: c } = test;
console.log(a, b, c); // 1 6 2

Online Babel Demo

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. Is it possible to destructure onto an existing object? (Javascript ES6)
  5. What does curly brackets in the `var { … } = …` statements do?
  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. Can (a== 1 && a ==2 && a==3) ever evaluate to true?
  20. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  21. javascript import from ‘/folder’ with index.js
  22. What are the advantages/disadvantages for creating a top level function in ES6 with arrows or without?
  23. ES2017 – Async vs. Yield
  24. JavaScript asynchronous programming: promises vs generators
  25. Unnecessary ‘else’ after ‘return’. (No-else-return)
  26. How to add mixins to ES6 javascript classes?
  27. using await on global scope without async keyword
  28. How to understand JS realms
  29. ES6 arrow function and lexical scope inside a function [duplicate]
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment