Assign to different variable name from object

Question

Say I have the object:

const obj = {
  foo: 'bar'
}

And I assign foo to a variable like so:

let {foo} = obj

Is it possible to change the variable name? I've tried using as like you can with Imports but that doesn't work.

let {foo as bar} = obj

I'm sure I'm missing something obvious but my google-fu is failing me today.

let { foo: bar } = obj; :D Basically, LHS syntax is copied from RHS syntax, so no special stuff like as. more destructuring secrets — Amadan
– Amadan, Commented Sep 11, 2018 at 11:02

T.J. Crowder · Accepted Answer · 2018-09-11 11:09:33Z

4

The simplest way, if it's just a single property, is not to use destructuring:

let bar = obj.foo;

If you want to use destructuring (perhaps you have several properties), though, give the name of the property, a colon, and the name of the variable/constant:

let {foo: bar} = obj;

Example:

const obj = {
  foo: 'bar'
};
let {foo: bar} = obj;
console.log(bar);

Remember that object destructuring syntax exactly mirrors object initializer syntax. In an object initializer, foo: bar assigns the value from bar to the property foo:

const obj = {foo: bar}; // Property `foo` is assigned the value from variable `bar`

So in object destructuring, foo: bar assigns the value of the property foo to the variable bar:

let {foo: bar} = obj;   // Variable `bar` is assigned the value from property `foo`

edited Sep 11, 2018 at 11:09

answered Sep 11, 2018 at 11:02

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Arcath Over a year ago

Thats it thanks! I was assigning quite a few variables from an object so destructuring was the cleanest way to go.

Collectives™ on Stack Overflow

Assign to different variable name from object

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related