对象解构赋值: 拿到后端数据后，对这个数据进行处理，怎样重新命名赋值

我们开发的过程中，经常会碰到这样的情况：后端传给我们一串数据，我们需要对这个数据进行处理。
如果是这样的一个数据：

let obj = {
    name:'myName',
    age:24,
    weight:'45KG',
    height:'160CM'
}

然后我们需要用变量去保存这些数据，那么我们可能会这么操作：

let name= obj.name,
    age= obj.age,
    weight= obj.weight,
    height= obj.height;

这么做能取到值，这没问题，但是如果对象里面有的键值对很多，怎么办呢？

解构赋值

所以当我们有很多个键值对的时候，这么去取值就显得有点笨拙了。
es6提出来了一个新的东西，叫解构赋值，就是用来处理这件事情的。
那么有了解构赋值之后，上面的需求我们可以这么操作：

let obj = {
    name:'myName',
    age:24,
    weight:'45KG',
    height:'160CM'
}
 
let {name,age,weight,height} = obj;
console.log(name);  //myName

可以看到在这段代码里面我们直接在let关键字后面用花括号包起来一堆变量，然后直接让它们等于obj。
其实这个操作就是从obj里面取出前面花括号里面变量所对应的值，并且对应的赋值给花括号里面的对象。
这就是所谓的解构赋值了。

那如果原本就已经声明好变量了，然后在后面的代码中需要让这个变量等于对象里面的某一项，用结构赋值的话怎么做呢？

let obj = {
    name:'myName',
    age:24,
    weight:'45KG',
    height:'160CM'
}
let name= '';
{name} = obj  //在这里想要让变量等于对象中的某一项，那这么操作是会报错的。这里涉及到块级作用域的问题，name外面的大括号是一个块级作用域，所以会出问题
 
//解决方法
({name} = obj);//把他们用括号包起来，当做一个整体就可以了

解构赋值的时候，我想用别的名字怎么办？

let obj = {
    name:'myName',
    age:24,
    weight:'45KG',
    height:'160CM'
}
let {name:n} = obj;
console.log(n);  //myName

从obj中取出"name"这个值，并且把这个值赋给新声明的变量"n".

所以在这里要注意的是：
新声明的变量是“n” 而不是别的，在后面用的时候也只能用“n”这个变量。

取值的时候,如果取到了，就用对象里的值，如果没有取到，则用默认值。

let obj = {
    name:'myName',
    age:24,
    weight:'45KG',
    height:'160CM'
}
let {abc=123} = obj;  //这一步就是在解构赋值的时候，直接给abc赋予了一个默认值 123 
console.log(abc);//123  // 现在obj中是没有abc这个值的，所以得到的就是默认值
 
let {name='zhangsan'} = obj;
console.log(name);// myName

从上面可以看到，对象obj中并没有abc这个值，如果我们按照之前的方法直接去取值，那么得到的毫无疑问就是undefined.
所以如果给它一个默认值，就能避免掉很多问题。

以上我们说的都是对对象的解构赋值。