用ES6实现解构对象里的对象到外层对象

要将对象里的对象的属性解构到外层对象，可以使用对象解构语法和对象展开语法结合的方式，例如：

const obj = {
  name: '张三',
  age: 18,
  info: {
    gender: '男',
    address: '北京市'
  }
};

const { name, age, ...info } = { ...obj.info, ...obj };

console.log(name); // '张三'
console.log(age); // 18
console.log(info); // { gender: '男', address: '北京市' }

在上面的代码中，我们使用了对象解构语法来解构 `obj` 对象中的属性 `name` 和 `age`，并使用对象展开语法将 `obj.info` 和 `obj` 对象合并成一个新的对象，并将解构的结果赋值给一个名为 `info` 的变量。注意，在解构 `info` 变量时，我们使用了剩余参数语法 `...info`，它将剩余的所有属性打包成一个名为 `info` 的对象。最终，我们得到了一个包含原对象中除 `name` 和 `age` 属性外的所有属性的新对象 `info`。

相关问题

用ES6实现解构对象里的对象

可以使用对象解构语法来解构对象中的对象，例如：

const obj = {
  name: '张三',
  age: 18,
  info: {
    gender: '男',
    address: '北京市'
  }
};

const { name, age, info: { gender, address } } = obj;

console.log(name); // '张三'
console.log(age); // 18
console.log(gender); // '男'
console.log(address); // '北京市'

在上面的代码中，我们使用了对象解构语法来解构 `obj` 对象中的属性 `name`、`age` 和 `info`。其中 `info` 属性是一个对象，我们使用了解构语法来解构它中的属性 `gender` 和 `address`。注意，在解构 `info` 属性时，我们使用了别名 `info` 来指定解构的目标属性名。

es6解构对象

ES6中的解构对象是一种简写方式，可以将一个对象中的属性和值提取出来，赋值给变量。这样可以使代码更加简洁易懂，同时也方便了我们的操作。

下面是一个简单的示例：

const person = {
  name: 'John',
  age: 30,
  gender: 'male'
};

const { name, age, gender } = person;

console.log(name);    // 'John'
console.log(age);     // 30
console.log(gender);  // 'male'

在上面的代码中，我们使用解构对象将`person`对象中的`name`、`age`和`gender`属性值分别赋给了对应的变量。这样我们就可以直接使用这些变量，而不需要每次都使用`person.name`、`person.age`和`person.gender`来访问它们。

除了上面的简单示例，我们还可以在解构对象中使用默认值、重命名、嵌套对象等高级特性。例如：

const person = {
  name: 'John',
  age: 30,
  gender: 'male',
  job: {
    title: 'developer',
    company: 'ABC'
  }
};

const { name, age, gender, job: { title } = {}, hobby = 'reading' } = person;

console.log(name);    // 'John'
console.log(age);     // 30
console.log(gender);  // 'male'
console.log(title);   // 'developer'
console.log(hobby);   // 'reading'

在上面的代码中，我们使用解构对象将`person`对象中的`name`、`age`和`gender`属性值分别赋给了对应的变量，另外还使用了默认值、重命名、嵌套对象等高级特性。