JavaScript destructuring example

destructuring_demo.js

// Solution to destructuring problem here: https://kentcdodds.com/blog/javascript-to-know-for-react

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;

console.log(`${enemyName} (${enemyTitle}) is an enemy to ${protagonistName} in "${title}"`)