es6解构对象
时间: 2023-06-28 09:12:22 浏览: 59
ES6中的解构对象是一种简写方式,可以将一个对象中的属性和值提取出来,赋值给变量。这样可以使代码更加简洁易懂,同时也方便了我们的操作。
下面是一个简单的示例:
```javascript
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`来访问它们。
除了上面的简单示例,我们还可以在解构对象中使用默认值、重命名、嵌套对象等高级特性。例如:
```javascript
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`属性值分别赋给了对应的变量,另外还使用了默认值、重命名、嵌套对象等高级特性。