ES6 從入門到精通 # 07：解構指派

說明

ES6 從入門到精通系列（全23講）學習筆記。

解構指派

解構指派是對指派運算符的一種拓展，它針對數組和對象來進行操作。

優點：代碼書寫上簡單易讀

let man = {
  name: "kaimo",
  value: 313
}
// es5
let name = man.name;
let value = man.value;
// es6 完全解構
let { name, value } = man;
console.log(name, value)      

let obj = {
  a: {
    name: "kaimo"
  },
  b: [],
  c: "hello cat"
}
// 不完全解構
let { a } = obj;
console.log(a);

// 剩餘運算符
let { a, ...res } = obj;
console.log(a, res)

// 預設值
let { a, b = 30 } = { a: 20 };      

對數組解構

let arr = [1, 2, 3];
let [a, b, c] = arr;
console.log(a, b, c);      

// 可嵌套
let [a, [b], c] = [1, [2], 3];
console.log(a, b, c);