JavaScript 解构赋值

解构赋值（Destructuring Assignment）是一种 JavaScript 中的语法，用于从数组或对象中提取数据并赋值给变量。解构赋值可以让你轻松地从复杂的数据结构中提取需要的部分，使代码更加简洁和易读。

1、对象解构赋值

在对象解构赋值中，可以通过对象的属性名来提取对应的值，并将其赋值给变量。例如：

// 定义一个对象
const person = { name: 'Alice', age: 30 };

// 对象解构赋值
const { name, age } = person;

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

2、数组解构赋值

在数组解构赋值中，可以通过数组的索引位置来提取对应的元素，并将其赋值给变量。例如：

// 定义一个数组
const numbers = [1, 2, 3, 4, 5];

// 数组解构赋值
const [first, second, , fourth] = numbers;

console.log(first);  // 输出: 1
console.log(second); // 输出: 2
console.log(fourth); // 输出: 4

3、嵌套解构赋值

还可以在解构赋值中进行嵌套，以提取嵌套数据结构中的值。例如：

// 定义一个嵌套对象
const person = {
  name: 'Bob',
  age: 25,
  address: {
    city: 'Shanghai',
    country: 'China'
  }
};

// 嵌套对象解构赋值
const { name, age, address: { city, country } } = person;

console.log(name);   // 输出: Bob
console.log(age);    // 输出: 25
console.log(city);   // 输出: Shanghai
console.log(country); // 输出: China