js-mixed-destructuring.js

// ************************************************
// *********** Mixed destructuring ****************
// ************************************************

const customer = {
  name: {
    firstName: 'ivan',
    lastName: 'zoro'
  },
  age: 32,
  preferences: [
    {
      tech: ['cameras', 'smartwatches'],
      books: ['science fiction', 'coding']
    }
  ]
};

const {
  name: { firstName, lastName },
  age,
  preferences: [{ tech, books }]
} = customer;

console.log(firstName, lastName, age); // ==> 'ivan' 'zoro' 32
console.log(tech, books); // ==> [ 'cameras', 'smartwatches' ] [ 'science fiction', 'coding' ]

// comment  out the previous when demo the next:

const {
  name: { firstName, lastName },
  age,
  preferences: [{ tech: technology, books: literature }]
} = customer;

console.log(firstName, lastName, age); // ==> 'ivan' 'zoro' 32
console.log(technology, literature); // ==> [ 'cameras', 'smartwatches' ] [ 'science fiction', 'coding' ]