Multiple usage examples of ES6 destructuring assignment

1. Array destructuring assignment 

const arr = [1, 2, 3];
const [a, b, c] = arr;

console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

2. Object destructuring assignment 

const obj = { name: 'Alice', age: 20 };
const { name, age } = obj;

console.log(name); // 'Alice'
console.log(age); // 20

3. Destructuring assignment of nested objects

const obj = { 
  name: 'Alice',
  age: 20,
  address: {
    city: 'Beijing',
    district: 'Haidian'
  }
};
const { name, age, address: { city, district } } = obj;

console.log(name); // 'Alice'
console.log(age); // 20
console.log(city); // 'Beijing'
console.log(district); // 'Haidian'

4. Destructuring assignment of function parameters

function add([a, b]) {
  return a + b;
}

add([1, 2]); // 3

5. Destructuring the default value of the assignment

const arr = [1];
const [a = 0, b = 0] = arr;

console.log(a); // 1
console.log(b); // 0

6. Remaining syntax for destructuring assignments

const arr = [1, 2, 3, 4];
const [a, b, ...rest] = arr;

console.log(a); // 1
console.log(b); // 2
console.log(rest); // [3, 4]