es6解构赋值

es6解构赋值的3种方法

一、对象的解构赋值

 只要等号左边与等号右边模式相同，就可以将等号右边的值赋值给等号左边的变量。对象的解构赋值本质是先找到等号左右两边相同的属性名，然后再将右边的值赋值给左边的变量名，真正被赋值的是value，而不是key。

const person = {
name:‘阿呆’，
Age:20
}
const {name,age} = person
// name:阿呆 age:20

1、指定别名：

let arr =['张三'，‘李四’，‘王五’]
let {1:n2, 2:n3} = arr
// n2:李四 n3:王五

二、数组的解构赋值

1、完全解构

let [a,b,c] = [10,20,30]
//a:10  b:20  c:30

2、嵌套解构

let [a,b,[c,d]] = [10,20,['html','css']]
// a:10  b:20  c:html  d: css

3、连续逗号

   等式左边的变量可以用连续逗号来跳转右边部分对应的值

 let [,,c] = [1,2,3]
 // c:3

3、交换数值

 let a = 'html'
 let b = 'css'
[a,b] = [b,a]
 //a:css  b:html

三、字符串解构

 let [a,b,c,d] = '我爱学习'
 //a:我 b:爱