Skip to content
masterclass Buddy
Start learning

JS Puzzles · Concept

Destructuring Defaults

Destructuring unpacks array values and object properties into separate variables. It supports defaults, skipped array positions, renaming, and rest patterns.

Last updated

Since
August 2016

Syntax

const [a, b] = array;
const [a = aDefault, b] = array;
const [a, b, ...rest] = array;
const { a, b } = obj;
const { a: a1, b: b1 } = obj;
const { a: a1 = aDefault, b = bDefault } = obj;
const { a, b, ...rest } = obj;

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • Array initializer/literal syntax
  • Object initializer/literal syntax
  • Left-hand-side expressions
  • Property accessors

Source: Destructuring - JavaScript | MDN. Checked 2026-11-03.