Destructuring

👨‍💼 Destructuring is a modern JavaScript syntax that lets you extract values from objects and arrays into variables in a clean, readable way.

Object destructuring:

const person = { name: 'Alice', age: 30, city: 'NYC' }

// Without destructuring:
const name = person.name
const age = person.age

// With destructuring:
const { name, age } = person

Array destructuring:

const colors = ['red', 'green', 'blue']

// Without destructuring:
const first = colors[0]
const second = colors[1]

// With destructuring:
const [first, second] = colors

🐨 Open

index.js

and:

Create a user object with username, email, and isAdmin properties
Use object destructuring to extract username and email into variables
Create an array scores with 3 numbers
Use array destructuring to extract the first two scores
Log all the destructured variables

💰 You can also rename during destructuring:

const { name: userName } = person // userName = "Alice"

06. Objects/03. Destructuring (💪 problem)

Destructuring