我们开发的过程中,经常会碰到这样的情况:后端传给我们一串数据,我们需要对这个数据进行处理。
如果是这样的一个数据:
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里面取出前面花括号里面变量所对应的值,并且对应的赋值给花括号里