ES6學習解構賦值

結構賦值定義

結構賦值，又叫結構化賦值，出現主要是爲了方便從後端獲取複雜數據結構值。下面介紹解構賦值。

解構對象

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) //50  30+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郵箱：同上，呵呵！

ES6其餘文章：

ES6學習let&const
juejin.im/post/5c683e…
ES6學習...運算符
juejin.im/post/5c6917…