3.数组解构

什么是JavaScript中的数组解构？

JavaScript数组解构是一项功能，允许您从数组中提取值并使用简洁的语法将它们分配给变量。这是一种从数组中提取数据或从对象中提取属性到不同变量的方法。数组解构的基本语法如下：

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

在此示例中，数组的第一、第二和第三个元素分别分配给变量a​、b​和c​。

您也可以使用它们的索引解构特定元素：

let myArray = [1, 2, 3, 4, 5];
let [, second, , fourth] = myArray;
console.log(second); // 2
console.log(fourth); // 4

函数参数中的解构

您还可以在函数参数中使用解构

function printElements([first, second, third]) {
    console.log(first);
    console.log(second);
    console.log(third);
}
printElements([1, 2, 3]);

请注意，我们在调用它时将数组作为参数传递给​printElements()​函数。在函数定义中，我们在其参数本身中解构数组元素。

解构中的默认值

值得注意的是，如果变量未在数组中定义，您可以使用默认值。

let myArray = [1];
let [a, b=2] = myArray;
console.log(a); // 1
console.log(b); // 2

在上面的示例中，数组只有一个元素。在解构时，我们可以创建另一个变量并将其分配给默认值。在这种情况下，新的变量值永远不是数组的一部分。

数组解构可以成为处理数组的强大工具。它通过消除使用索引访问数组元素的需要来帮助您编写更具可读性和简洁的代码。