Destructuring object consist of deep nested object of arrays

Question

I'm trying to destructure setup shown below. I need to get text: Zelena The Wicked Witch is an enemy to Emma Swan in Once Upon a Time.

OK, it's easy to get properties from objects info and protagonist, but I can't get data from an array of objects (enemies) for particular object, for instance for row number 3. I tried many different expressions, with no luck.

Any help would be highly appreciated.

function nestedArrayAndObject() {
  // refactor this to a single line of destructuring...
  const info = {
    title: 'Once Upon a Time',
    protagonist: {
      name: 'Emma Swan',
      enemies: [
        {name: 'Regina Mills', title: 'Evil Queen'},
        {name: 'Cora Mills', title: 'Queen of Hearts'},
        {name: 'Peter Pan', title: `The boy who wouldn't grow up`},
        {name: 'Zelena', title: 'The Wicked Witch'},
      ],
    },
  }
  
 const {
      protagonist: {
          enemies[3]: {name: enemyName}          
      }, 
      protagonist: {
          enemies: {title: enemyTitle}
      },
      protagonist: {name: protagonistName},
      title: title 
 } = info;
 
return `${enemyName} (${enemyTitle}) is an enemy to ${protagonistName} in "${title}"`
}

nestedArrayAndObject();

Behemoth · Accepted Answer · 2022-08-05 10:40:08Z

3

It's not that hard. Take a look at this.

const info = {title: 'Once Upon a Time', protagonist: {name: 'Emma Swan', enemies: [ {name: 'Regina Mills', title: 'Evil Queen'}, {name: 'Cora Mills', title: 'Queen of Hearts'}, {name: 'Peter Pan', title: 'The boy who wouldn\'t grow up'}, {name: 'Zelena', title: 'The Wicked Witch'} ]}};

const {protagonist: {enemies: [,, {name, title}]}} = info;

console.log(name, title)

answered Aug 5, 2022 at 10:40

Behemoth

9,6055 gold badges28 silver badges52 bronze badges

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

2 Comments

DecPK Over a year ago

This is not accurate. Here name will be Peter Pan not Zalena

Behemoth Over a year ago

If we are being that precise...First, I interpret row number 3 as index 2 (I know it's different in the code). Secondly, The question says for instance.

DecPK · Accepted Answer · 2022-08-05 10:42:07Z

1

You can achieve as:

const {
    title,
    protagonist: {
        name: protagonistName,
        enemies: [, , , { name: enemyName, title: enemyTitle }],
    },
} = info;

function nestedArrayAndObject() {
    // refactor this to a single line of destructuring...
    const info = {
        title: 'Once Upon a Time',
        protagonist: {
            name: 'Emma Swan',
            enemies: [
                { name: 'Regina Mills', title: 'Evil Queen' },
                { name: 'Cora Mills', title: 'Queen of Hearts' },
                { name: 'Peter Pan', title: `The boy who wouldn't grow up` },
                { name: 'Zelena', title: 'The Wicked Witch' },
            ],
        },
    };

    const {
        title,
        protagonist: {
            name: protagonistName,
            enemies: [, , , { name: enemyName, title: enemyTitle }],
        },
    } = info;

    return `${enemyName} (${enemyTitle}) is an enemy to ${protagonistName} in "${title}"`;
}

nestedArrayAndObject();

answered Aug 5, 2022 at 10:42

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

4 Comments

Behemoth Over a year ago

Beside one comma, I don't really see the difference to my answer tbh.

DecPK Over a year ago

There is difference OP want to use enemyName in string template literal. second here one comma makes a big diffference Your name will come Peter Pan not Zalena

Behemoth Over a year ago

I see, if a variable name counts as difference.

DecPK Over a year ago

@Behemoth Actually you answer is not accurate though it is a typo. one comma makes a big diffference Your name will come Peter Pan not Zalena

Collectives™ on Stack Overflow

Destructuring object consist of deep nested object of arrays

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related