Nested Destructuring Styles

destructuring.js

const data = {
  cat : {
    dog : {
      bird : {
        mouse : "squeek"
      }
    }
  }
};


const say1 = input => {
  console.log('say1 mouse', input.cat.dog.bird.mouse );
}

const say2 = ({ cat : { dog : { bird : { mouse }}}}) => {
  console.log('say2 mouse', mouse );
}

const say3 = input => {
  const { cat : { dog : { bird : { mouse }}}} = input;

  console.log('say3 mouse', mouse );
}

say1( data );
say2( data );
say3( data );

output :

say1 mouse squeek
say2 mouse squeek
say3 mouse squeek