ES6 结构赋值，让代码更优雅

ES6 结构赋值简介

结构赋值，又称结构化赋值，是 ES6 中引入的一项新特性，它允许您从数组或对象中提取值并将其分配给变量。结构赋值的语法非常简洁，只需要使用一对花括号 {} 即可。

数组结构赋值

使用结构赋值来提取数组中的值非常简单，只需要将要提取的值放在花括号 {} 中，然后将这些值分配给变量即可。例如，以下代码演示了如何从数组中提取前两个值并将其分配给变量 a 和 b：

const a = [1, 2, 3, 4, 5];
const [b, c] = a;
console.log(b); // 1
console.log(c); // 2

您也可以使用结构赋值来提取数组中的最后几个值。例如，以下代码演示了如何从数组中提取最后两个值并将其分配给变量 d 和 e：

const d = [1, 2, 3, 4, 5];
const [, , , e, f] = d;
console.log(e); // 4
console.log(f); // 5

对象结构赋值

使用结构赋值来提取对象中的值也非常简单，只需要将要提取的属性放在花括号 {} 中，然后将这些值分配给变量即可。例如，以下代码演示了如何从对象中提取 name 和 age 属性并将其分配给变量 name 和 age：

const obj = {
  name: 'John Doe',
  age: 30
};

const { name, age } = obj;
console.log(name); // John Doe
console.log(age); // 30

您也可以使用结构赋值来提取对象中的嵌套属性。例如，以下代码演示了如何从对象中提取 address.city 属性并将其分配给变量 city：

const obj = {
  address: {
    city: 'New York',
    state: 'NY'
  }
};

const { address: { city } } = obj;
console.log(city); // New York

ES6 结构赋值的优势

ES6 结构赋值具有以下优势：

• 简洁：结构赋值的语法非常简洁，只需使用一对花括号 {} 即可。
• 易读：结构赋值可以使您的代码更易读、更易维护，尤其是在处理复杂数据结构时。
• 可扩展：结构赋值可以很容易地扩展到更复杂的数据结构，例如嵌套对象和数组。
• 避免冲突：结构赋值可以避免变量名冲突，因为您可以使用不同的变量名来提取相同的数据结构中的不同值。

结语

ES6 结构赋值是一种简洁、优雅的赋值方式，它可以使您的代码更易读、更易维护，尤其是在处理复杂数据结构时。如果您还没有使用过结构赋值，我强烈建议您尝试一下，您一定会喜欢上它的。