Destructuring and rename property

Question

const a = {
 b: {
  c: 'Hi!'
 }
};

const { b: { c } } = a;

Is it possible rename b in this case? I want get c and also rename b.

What do you mean by "rename"? The `a.b` property has the name `b`, and you can't change that. What is the desired result? — Bergi, Jul 16 '19 at 21:03

Nina Scholz · Accepted Answer · 2019-07-16T21:10:41.860

218

You could destructure with a renaming and take the same property for destructuring.

const a = { b: { c: 'Hi!' } };
const { b: formerB, b: { c } } = a;

console.log(formerB)
console.log(c);

edited Jul 16 '19 at 21:10

answered Jul 16 '19 at 21:04

Nina Scholz

14

Thank you, I didn't know that the property can be repeated in destructuring. – leusrox Jul 16 '19 at 21:24
1

but you cannot do this while destructuring arrays can you? – RegarBoy Aug 20 '20 at 15:36
1

@RegarBoy, do you have an example? – Nina Scholz Aug 20 '20 at 18:19

score 50 · Answer 2 · answered Jul 16 '19 at 21:15

50

You can destructure the same property multiple times, onto different targets:

const { b: {c}, b: d } = a;

This assigns a.b.c to c and a.b to d.

answered Jul 16 '19 at 21:15

Bergi

2

Thanks, your answer is also correct, but @NinaScholz answered a little earlier. – leusrox Jul 16 '19 at 21:30
5

I like this one, more concise. – NeoZoom.lua Sep 12 '21 at 09:54

2 Answers2