12、JavaScript 基础知识：表达式、运算符与函数深度解析

JavaScript 基础知识：表达式、运算符与函数深度解析

1. 数组解构赋值

数组解构赋值允许我们从数组中提取值并赋值给变量。例如：

let [x, y] = arr;
x;                // 1
y;                // 2
z;                // error: z hasn't been defined

在这个例子中， x 被赋值为数组的第一个元素， y 被赋值为第二个元素，其余元素被丢弃。我们还可以使用扩展运算符 ... 来收集剩余元素到一个新数组中：

const arr = [1, 2, 3, 4, 5];
let [x, y, ...rest] = arr;
x;                      // 1
y;                      // 2
rest;                   // [3, 4, 5]

数组解构还能轻松实现变量值的交换：

let a = 5, b = 10;
[a, b] = [b, a];
a;                // 10
b;                // 5

需要注意的是，数组解构不仅适用于数组，还适用于