Skip to content

Instantly share code, notes, and snippets.

@iandesj
Last active November 14, 2019 14:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save iandesj/cac21e23304d8ed78b3fcc4e9f61e9fb to your computer and use it in GitHub Desktop.
Save iandesj/cac21e23304d8ed78b3fcc4e9f61e9fb to your computer and use it in GitHub Desktop.
Examples of object destructuring vs direct object key-value access
const taxPayer = {
firstName: 'Ian', lastName: 'DesJardins',
ssn: '123-45-6789', pastDue: true,
};
console.log('Object destructuring example');
// destructure the taxPayer object into new variables
const { firstName, lastName, ssn, pastDue } = taxPayer;
console.log('firstName =', firstName);
console.log('lastName =', lastName);
console.log('ssn =', ssn);
console.log('pastDue =', pastDue, '\n');
// may also be used to destructure an object for a function's parameter
function parseTaxPayer({firstName, lastName, ssn, pastDue}) {
console.log('inside parseTaxPayer()');
console.log('firstName =', firstName);
console.log('lastName =', lastName);
console.log('ssn =', ssn);
console.log('pastDue =', pastDue);
}
parseTaxPayer(taxPayer);
console.log('\nObject key access example')
// this is the equivalent of destructuring
const firstNameAgain = taxPayer.firstName;
const lastNameAgain = taxPayer.lastName;
const ssnAgain = taxPayer.ssn;
const pastDueAgain = taxPayer.pastDue;
console.log('firstNameAgain =', firstNameAgain);
console.log('lastNameAgain =', lastNameAgain);
console.log('ssnAgain =', ssnAgain);
console.log('pastDueAgain =', pastDueAgain, '\n');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment