阵列解构

解构已成为JavaScript的主要语言功能，其中最明显的体现是导入，还包括函数声明 等。虽然对象文字是解构的通常情况，但请记住，您也可以解构数组和集合。让我们看看如何对数组和集合使用解构！解构的通常情况是使用对象文字：

const dict = { prop1: "one", prop2: "two" };

const { prop1, prop2 } = dict;
// prop1 = "one"
// prop2 = "two"

数组和集合解构的语法有些不同：

const arr = ["uno", "dos"];

const [one, two] = arr;
// one = "uno"
// two = "dos"

// Or more explicitly
const [width, height] = [200, 400];

迭代中的解构语法如下：

const items = [
    ["one", "two"],
    ["three", "four"]
];
items.forEach(([uno, dos]) => {
    console.log(uno, dos);
});

// "one", "two"
// "three", "foor"

您还可以通过解构来克隆数组：

const arr = ["one", "two"];
const clone = [...arr];

如果您不关心数组的给定索引，也可以使用逗号来占优势：

const arr = [1, 2, 3, 4];

const [,,,four] = arr; // four === 4

对于熟练的JavaScript开发人员而言，解构非常棒，并且可能使新手感到困惑。基本的数组解构不会误导太多，但是迭代可能是一个丑陋的片段。花一点时间看一下这些简化的示例，可能会帮助您更好地理解这种模式。