Any way to make "const {user, userId} = this.state" work if user references username and userId references id

Question

for example

 state = { 
      "username": "abc",
      "id": "1",
 } 


 const {username, id} = this.state

the above code would work and get the values

is there a way to make it so below would also work

const {user, userId} = this.state

That is, get the same values as username, id but with different names. Any way to tell javascript that user means username and userId means id?

I don't know if you are referring to alias, if so, you can do it like this `const {username:user, id: userId} = this.state;` then you can use `user` and `userId` in your code — ludwiguer, Jul 01 '20 at 22:27
See **[THIS](https://codeburst.io/renaming-destructured-variables-in-es6-807549754972)** guide from codeburst. It explains what are you looking for :) — Carlo Corradini, Jul 01 '20 at 22:28

score 1 · Accepted Answer · answered Jul 01 '20 at 22:29

1

You can do like this if you just want to use different names:

const {username: user, id: userId} = this.state

answered Jul 01 '20 at 22:29

score 1 · Answer 2 · answered Jul 01 '20 at 22:32

1

Yes you can do it like this:

const {username: user, id: userId} = this.state

answered Jul 01 '20 at 22:32

Grant Singleton

oops I think I was the 3rd person to give you the same answer. Sorry for the redundancy – Grant Singleton Jul 01 '20 at 22:33

score 0 · Answer 3 · answered Jul 01 '20 at 22:31

Assigning to new variable names:

const o = {p: 42, q: true};
const {p: foo, q: bar} = o;
 
console.log(foo); // 42 
console.log(bar); // true

3 Answers3