Destructuring assignment unpacks values from arrays or properties from objects into distinct variables, making it easier to work with complex data structures.

Destructuring Assignment .js

// Longhand
const person = { firstName: 'John', lastName: 'Doe' };
const firstName = person.firstName;
const lastName = person.lastName;

// Shorthand
const person = { firstName: 'John', lastName: 'Doe' };
const { firstName, lastName } = person;