Object Destructuring

Object destructuring matches by property name. Rename variables with key: alias, set defaults with = value.

Example

const { name, age } = user;
const { name: userName, role = "user" } = user; // rename + default
// Nested
const { address: { city, zip } } = user;
// All remaining
const { id, ...rest } = user; // rest = all except id
// In function params
function render({ title, className = "default" }) { }

JAVASCRIPT

Full Editor

Pro Tip

Combine rename and default: const { theme: { color: c = "blue" } = {} } = config.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned