淺談es6之解構賦值

優點：能讓我們快速的取到想要的值，對象解構可以不用考慮參數的位置
1、數組解構

let arr = [1,2,3]
//普通用法，定義多個變量接收數組元素
let a = arr[0]
let b = arr[1]
let c = arr[2]
console.log(a,b,c)//1,2,3
//es6用法，只需定義一次即可接收所有元素，左側的[]用於接收變量而不是數組的意思，接收變量的個數如果大於數組元素的個數，則輸出undefined
let [e,f,g,h] = arr
console.log(e,f,g,h)//1,2,3,undefined

2、對象解構

let obj = {name:'zhangshan',age:25}
//寫法一：與對象屬性匹配，用屬性接收屬性值
let {age,name} = obj
console.log(name,age,sex)//'zhangshan',25,undefined
//寫法二：與對象的屬性匹配，用屬性值接收屬性值
let {name:myname,age:myage} = obj
console.log(myname,myage)//'zhangshan',25