Destructuring in JavaScript

Destructuring in JavaScript — a practical guide to JavaScript destructuring with clear examples you can reuse in real projects.

JavaScript Tutorial Series (37/101). Prefer one article? Read the complete JavaScript tutorial.

Short description

Works in parameters too — great for readable function signatures.

Destructuring

const { name, id } = user;
const [first, second] = tags;
function greet({ name }) {
  return `Hi ${name}`;
}