什么是解构赋值？

风与烈酒2023-10-28 14:59

解构赋值（Destructuring assignment）是一种方便快捷的方式，可以从对象或数组中提取数据，并将数据赋值给变量。

在 JavaScript 中，可以使用对象解构和数组解构两种方式进行赋值。

对象解构赋值：从对象中提取属性值，然后赋值给变量。

例如：

复制代码

let person = {
  name: 'Alice',
  age: 20,
  gender: 'female'
};

let { name, age } = person;

console.log(name); // Output: 'Alice'
console.log(age); // Output: 20

数组解构赋值：从数组中提取元素，然后将元素赋值给变量。

例如：

复制代码

let numbers = [1, 2, 3, 4, 5];

let [a, b, ...rest] = numbers;

console.log(a); // Output: 1
console.log(b); // Output: 2
console.log(rest); // Output: [3, 4, 5]

使用解构赋值可以简化代码，减少重复性的操作，提高代码的可读性。