使用嵌套数组解构 object

Question

Basically I want to destruct this object to get this result but in the console I see u is not defined

The object:

const game =
    releases: {
      "Oath In Felghana": ["USA", "Japan"],
     };`

My code:

const {
    releases: {
      "Oath In Felghana": o = [u, j],
 } = game;

console.log(`My Best Release Is ${o} It Released in ${u} & ${j}`);

What I want to see

My Best Release Is Oath In Felghana It Released in USA & Japan

what I get

Uncaught ReferenceError: u is not defined

So the problem is that it shows me that you is undefined even though I used array destructuring to destruct it

It's mentioned in the task that you need to use key and values, so I tried to put this between the object and my destructuring

game.releases["Oath In Felghana"] = Object.keys(game.releases["Oath In Felghana"]);

but still doesn't work.

Answer 1

const { releases: { "Oath In Felghana" : [u, j] } = game

console.log(u, j)

or if You also need o :

const { releases: { "Oath In Felghana" : o, "Oath In Felghana" : [u, j] } = game

console.log(o, u, j)

The o = [ u, j ] inside destructuring works as assignment.

inb4 "can I write key only once?": No. AFAIK You have to duplicate the key "Oath In Felghana" to both create an alias o and destructurize it into u and j .

Answer 2

I am studying "destructuring", so I decided to take this question as a challenge. My solution has two steps. First to get the entry name, then the other parts. The first answer is better, I just wanted to put my answer here as a proof that I completed this challenge.

First of all, I needed to get the "Oath in Feleghana" as an element. I used Object.entries() method to create an array from releases, then I destructured that array to get the real array.

const [i] = Object.entries(game.releases);

this will return ['Oath In Felghana', Array(2)], If I didn't destructure here it would return [Array(2)]

The second part was destructuring the array I got, to get the release name.

const [o] = i

Till this part I only get the 'Oath In Felghana' string which is usable in your console.log

The second part is to get other elements.

 const {['Oath In Feleghana']: q} = game.releases;

Here I am renaming the array inside the releases object, so you can use it in your string.

Then, I destructured the array.

const [u,j] = q;

This way I created all the variables you need to create your string.

The most important thing is that while destructuring objects, you need you need to use the exact same name with the target element.