对象的解构赋值

对象的解构赋值

上一篇中我们介绍了数组的解构赋值，同样的解构赋值也可以运用到对象里。

var {obj,bar} = {obj:"x",bar:"y"}
console.log(obj)//x
console.log(bar)//y

数组的解构赋值中，变量和值是一一对应的。但是在对象的解构赋值中变量必须与属性同名才能够赋值成功

var {obk} = {obj:"x"};
console.log(obk);//undefined

如果不一致，那就必须要使变量名成为属性名的值，这里属性名还是相同的，只是把值变成了一个变量重新进行赋值

var {obj:obk} = {obj:"x"};
console.log(obk);//x

对象和数组一样，也可以进行嵌套结解构赋值

var {obj:[x,{y}]} = {obj:["no game",{y:"no life"}]}
console.log(x+" "+y);//no game no life
//这里obj是匹配模式，不会进行赋值

在对象中也可以有默认值，这里和数组一样，同时，对象也有不完全结构和结构不成功。

var {obj=3}={}
console.log(obj)//3


var {obj} = {obj:"no game",obk:"no life"}
console.log(obj)//no game


var {obj,obk} = {obj:"no game"}
console.log(obj)//no game
console.log(obk)//undefined

因为数组是一个特殊的对象，所以可以对数组进行对象的解构赋值

var array = [1,2,3]
var {0:obj,[array.length-1]:obk} = array
console.log(obj);//1
console.log(obk);//3