数组解构

在 JavaScript 中，数组解构是一种方便的方式来从已有数组中提取值，并将它们存储到一个变量数组中。本文将介绍数组解构的语法、用途和示例代码。

语法

数组解构的语法使用方括号 [] 来表示。下面是一个简单的例子：

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

在上面的例子中，我们声明了一个数组 [1, 2]，并将其赋值给一个变量数组 [a, b]。这将会把数组的第一个元素 1 赋值给变量 a，第二个元素 2 赋值给变量 b。

用途

数组解构通常用于以下几种情况：

1. 从函数返回多个值

有时候，一个函数需要返回多个不同的值。这时候，我们可以使用数组解构来方便地获取这些值：

function getUser() {
  return ['John', 'Doe', 30];
}

const [firstName, lastName, age] = getUser();
console.log(firstName); // John
console.log(lastName); // Doe
console.log(age); // 30

2. 交换变量值

使用数组解构可以方便地交换两个变量的值：

let a = 1;
let b = 2;

[a, b] = [b, a];

console.log(a); // 2
console.log(b); // 1

3. 快速筛选数组

如果想从一个数组中筛选出特定的值，我们可以使用数组解构来快速取出想要的元素：

const languages = ['JavaScript', 'Python', 'Ruby', 'Java'];

const [, , favoriteLanguage] = languages;

console.log(favoriteLanguage); // Ruby

在上面的例子中，我们使用了空的变量来代表不需要的值，只取了 Ruby 这个元素。

示例代码

下面是一些关于数组解构的示例代码：

// 获取数组的第一个元素
const [first] = [1, 2, 3, 4];
console.log(first); // 1

// 获取数组的最后一个元素
const numbers = [1, 2, 3, 4];
const [, , , last] = numbers;
console.log(last); // 4

// 使用默认值
const [name = 'Anonymous'] = [];
console.log(name); // Anonymous

// 与 rest 运算符一起使用
const colors = ['red', 'green', 'blue'];
const [primary, ...secondary] = colors;
console.log(primary); // red
console.log(secondary); // [ 'green', 'blue' ]