对象结构赋值（对象解构赋值）

对象结构赋值（Object Destructuring Assignment）是JavaScript中一种强大且常用的语法，它允许我们从对象中提取数据并将其赋值给变量。该语法大大简化了从对象中提取数据的过程，使代码更加清晰和易于阅读。

## 1. 对象结构赋值的基本语法

对象结构赋值的基本语法如下所示：

```

let { prop1, prop2 } = object;

```

其中，`prop1`和`prop2`是对象`object`中的属性名称，`let`关键字用于声明变量并定义变量名称，等号右侧的`object`是待提取属性的对象。

## 2. 从对象中提取属性值

通过对象结构赋值，我们可以轻松地从对象中提取属性值。

```javascript

let person = { name: 'John', age: 25 };

let { name, age } = person;

console.log(name); // 输出: John

console.log(age); // 输出: 25

```

在上面的示例中，我们定义了一个名为`person`的对象，包含了`name`和`age`两个属性。然后，我们通过对象结构赋值将`name`和`age`的属性值分别赋值给了变量`name`和`age`。最后，我们将分别输出这两个变量的值，结果分别为`John`和`25`。

## 3. 提取对象属性的默认值

除了提取对象中已有的属性，我们还可以为提取的属性指定默认值。

```javascript

let person = { name: 'John' };

let { name, age = 30 } = person;

console.log(name); // 输出: John

console.log(age); // 输出: 30

```

在上述示例中，`person`对象中只有`name`属性，没有`age`属性。我们通过对象结构赋值将`name`属性值赋给了`name`变量，并为`age`属性指定了默认值为`30`。由于`person`对象中没有`age`属性，所以提取时将使用默认值`30`。

## 4. 提取嵌套对象的属性值

对象结构赋值也适用于嵌套对象，可以方便地提取嵌套对象的属性值。

```javascript

let person = {

name: 'John',

age: 25,

address: {

street: '123 Main St',

city: 'New York'

}

};

let { name, age, address: { street, city } } = person;

console.log(name); // 输出: John

console.log(age); // 输出: 25

console.log(street); // 输出: 123 Main St

console.log(city); // 输出: New York

```

在上面的示例中，`person`对象包含了`name`和`age`两个属性，以及嵌套的`address`对象。通过对象结构赋值，我们成功地提取了`name`、`age`、`street`和`city`的属性值，并将它们分别赋给了相应的变量。

## 5. 结束语

对象结构赋值是JavaScript中一项非常实用的语法，它能够极大地简化从对象中提取属性值的过程。通过对象结构赋值，我们可以更清晰和简洁地编写代码，提高代码的可读性和维护性。无论是提取普通对象还是嵌套对象的属性，都可以轻松地完成。希望本文能帮助你更好地理解和使用对象结构赋值。