ES6/ES7 中新增了很多语言特性，其中一个非常有用的新特性就是数组 Destructuring（析构）。这个特性能够让我们解构和提取数组的元素，让代码更加简洁和易于阅读。
什么是数组 Destructuring？
数组 Destructuring 是通过一种简洁的方式来访问和使用数组的元素。简单来说，它能够让我们从数组中提取出需要的元素，将它们赋值给对应的变量，从而简化代码。
在 ES6 中，我们可以使用以下方式进行数组 Destructuring：
const [a, b, c] = [1, 2, 3]; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3
以上代码就是一个简单的数组析构示例。在这个示例中，我们定义了一个包含三个元素的数组 [1, 2, 3]，然后使用 Destructuring 语法将其拆分并将每个元素分别赋值给 a、b、c 三个变量。
如何使用数组 Destructuring？
数组 Destructuring 语法非常简单，它可以直接应用于常量或变量的声明语句中：
const [a, b, c] = [1, 2, 3]; let [d, e, f] = [4, 5, 6]; var [g, h, i] = [7, 8, 9];
上述代码中，我们分别使用 const、let 和 var 声明了三个不同类型的变量，并使用数组 Destructuring 将一个包含三个元素的数组拆分并分别赋值给了这三个变量。
同时，Destructuring 还可以用于函数参数的解构赋值：
function f([a, b, c]) {
console.log(a, b, c);
}
f([1, 2, 3]); // 1 2 3上述代码中，我们定义了一个名为 f 的函数，并接受一个参数，在函数内部使用数组 Destructuring 将参数拆分并打印出来。
数组 Destructuring 的实际应用
数组 Destructuring 的应用场景非常多，下面介绍两个常见的应用场景：
1. 交换变量值
在传统的方式中，我们需要使用一个中间变量来交换变量的值。但是使用数组 Destructuring，我们可以直接交换变量值，如下示例：
let a = 1, b = 2; [a, b] = [b, a]; console.log(a); // 2 console.log(b); // 1
2. 从函数返回多个值
在函数返回多个值的情况下，传统方式是将多个值封装为数组或对象后返回，但是使用数组 Destructuring，我们可以很方便地从函数中直接获取多个返回值：
-- -------------------- ---- ------- -------- --------- - ------ --- -- --- - ----- --- -- -- - ---------- --------------- -- - --------------- -- - --------------- -- -
总结
数组 Destructuring 是 ES6 中非常实用的特性之一，它可以让我们轻松地解构和提取数组的元素，让代码更加简洁易懂。在实际应用中，我们可以使用数组 Destructuring 交换变量值、从函数返回多个值等，这极大地提高了代码的可读性和可维护性。希望本文能够帮助大家理解和掌握这一特性，在实践中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6585629fd2f5e1655d00768b