Destructuring Summary

Destructuring extracts values from arrays and objects with defaults, renaming, nesting, and rest. Use it in function params, loops, imports, and API responses for cleaner, self-documenting code.

Example

const { data: { users = [], total } = {}, error = null } = await api.get("/users");
for (const { id, name, role = "user" } of users) {
  console.log(id, name, role);
}

JAVASCRIPT

Full Editor

Pro Tip

When destructuring becomes deeply nested, consider extracting steps into named variables.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned