// 1. Default:
const { prop } = obj;
// old way: const prop = obj.prop;
// 2. Alias:
const { prop: alias } = obj;
// old way: const alias = obj.prop;
// 3. Nested:
const { prop: { nested } } = obj;
// old way: const nested = obj.prop.nested;
// 4. Default value:
const { prop = '' } = obj;
// old way: const prop = obj.prop || '';
// 5. Default value for alias:
const { prop: alias = '' } = obj;
// old way: const alias = obj.prop || '';
// 6. Default value for nested object:
const { prop: { nested } = {} } = obj;
// old way: const nested = (obj.prop || {}).nested;
A Re-Introduction To Destructuring Assignment: https://www.smashingmagazine.com/2019/09/reintroduction-destructuring-assignment/