Lesson 8 — Destructuring

Unpack values

Destructuring pulls values out of objects or arrays into variables in one step. With objects, the names inside the braces must match property names; with arrays, values are taken by position. You can list as many names as you need, separated by commas.

const point = { x: 3, y: 7 };
const { x, y } = point;
console.log(x + y); // 10

Why it matters: React props, API responses and function options are all read this way.