ES6學習解構賦值
摘要：
結構賦值，又叫結構化賦值，出現主要是為了方便從後端獲取複雜資料結構值。下面介紹解構賦值。
解構物件
let obj = {
name: 'aa',
age: 17
}
複製程式碼
以上面obj物件為例
let name
...
結構賦值，又叫結構化賦值，出現主要是為了方便從後端獲取複雜資料結構值。下面介紹解構賦值。
解構物件
let obj = {
name: 'aa',
age: 17
}
複製程式碼
以上面obj物件為例
let name let age ({name,age} = obj) console.log(name,age) //aa 17 複製程式碼
通過{}可以很容易獲取到obj裡面的name，age物件。
獲取同名物件還可以這樣寫
let {name,age} = obj console.log(name,age) //aa 17 複製程式碼
獲取不同名變數可以在後面重寫
let {name:oName,age:oAge} = obj console.log(oName,oAge) //aa 17 複製程式碼
預設賦值 sex = 'male'
let {name:oName,age:oAge,sex = 'male'} = obj console.log(oName,oAge,sex) //aa 17 male 複製程式碼
預設賦值也可在函式形參中使用
function sum(x= 10,y = 20){ console.log(x + y) //5030+20=50,傳入取實參，不傳入取預設值。 return x + y } sum(30) 複製程式碼
解構陣列
let arr = [1,2,3] let [x,y,z] = arr // 也可寫成 let {0:x,1:y,2:z} = arr console.log(x,y,z) //1,2,3 複製程式碼
因為陣列有length，所以獲取陣列length方法
let arr = [1,2,3] let {length} = arr console.log(length) //3 複製程式碼
如果數組裡有物件，也是可以結構賦值的
let arr1 = [1,2,3,{name:'aa'}] let [,,,{name}] = arr1 console.log(name) //aa 複製程式碼
結構賦值相對簡單，在這裡就不多說了。
有錯誤歡迎指出，謝謝觀看。
廣告：
作者github：github.com/webxukai
作者gitee：gitee.com/webxukai
作者微信：e790134972
作者QQ:我想你應該知道了！
作者QQ郵箱：同上，呵呵！