Destructuring Design Patterns

Destructuring Patterns

Common patterns: option bags, multiple return values, pipelining data transformation, and selective Object.fromEntries.

Example

// Option bag pattern
function request(url, { method = "GET", headers = {}, body = null } = {}) { }
// Multiple return values
function minMax(arr) {
  return { min: Math.min(...arr), max: Math.max(...arr) };
}
const { min, max } = minMax([3, 1, 4, 1, 5]);
// Transforming entries
const doubled = Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, v * 2]));

JAVASCRIPT

Full Editor

Pro Tip

Option bags (object params with destructured defaults) are more readable than positional param lists.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned