Computed Property Destructuring

Computed Keys

Wrap the key in brackets to destructure a dynamically computed property name.

Example

const key = "name";
const { [key]: value } = { name: "Alice" }; // value = "Alice"
// Useful for dynamic access
function getField(obj, field) {
  const { [field]: val = null } = obj;
  return val;
}
getField({ age: 30, name: "Bob" }, "age"); // 30

JAVASCRIPT

Full Editor

Pro Tip

Computed destructuring replaces the pattern: const val = obj[key] with a named binding.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned