js 参数解构_5个实用JS解构用法

1. 交换变量

通常交换两个变量的方法需要一个额外的临时变量,来看看例子：

let a = 1;

let b = 2;

let temp;

temp = a;

a = b;

b = temp;

a; // => 2

b; // => 1

temp是一个临时变量，它先保存a的值。然后把b的值赋值给a，接着将temp值赋给 b。

如果使用解构的方式会更简单，不需要什么鬼的 temp 变量。

let a = 1;

let b = 2;

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

a; // => 2

b; // => 1

[a，b] = [b，a]是解构赋值，右边，创建了一个数组[b, a]，即[2,1]。这个数组2被赋值了给a，1被赋值给了b。

虽然这种方式也创建了临时数组，但这种方式给看起来至少更简洁，使用解构咱们还可以交换2个以上的变量。

let zero = 2;

let one = 1;

let two = 0;

[zero, one, two] = [two, one, zero];

zero; // => 0

one; // => 1

two; // => 2

2. 访问数组中元素

有种场景，咱们可能有一个为空的项数组。并且希望访问数组的第一个、