深度解构、解构时使用别名()

深度解构

大部分时候我们只会解构一层,但实际上解构赋值是可以深度解构的:

大部分时候我们只会解构一层,但实际上解构赋值是可以深度解构的:

let obj = {
  name: "dby",
  a: {
    b: 1
  }
}
const { a: { b } } = obj;
console.log(b); // 1

解构时使用别名

解构时使用别名

解构时使用别名

const obj = {
  // 这个键名太长了,我们希望把它换掉
  aaa_bbb_ccc: {
    name: "dby",
    age: 12,
    sex: true
  }
}
const { aaa_bbb_ccc: user } = obj;
console.log(user); // { name: "dby", age: 12, sex: true }
————————

深度解构

大部分时候我们只会解构一层,但实际上解构赋值是可以深度解构的:

大部分时候我们只会解构一层,但实际上解构赋值是可以深度解构的:

let obj = {
  name: "dby",
  a: {
    b: 1
  }
}
const { a: { b } } = obj;
console.log(b); // 1

解构时使用别名

解构时使用别名

解构时使用别名

const obj = {
  // 这个键名太长了,我们希望把它换掉
  aaa_bbb_ccc: {
    name: "dby",
    age: 12,
    sex: true
  }
}
const { aaa_bbb_ccc: user } = obj;
console.log(user); // { name: "dby", age: 12, sex: true }