JavaScript交换变量的常用方法小结【4种方法】

当你需要交换两个变量时，有多种方法可以实现。在 JavaScript 中，我们可以使用以下四种常用方法来交换两个变量：

1. 使用第三个变量
2. 使用加减法
3. 使用异或运算
4. 使用 ES6 的解构赋值

下面我们将详细解释每种方法并附上示例。

方法1：使用第三个变量

使用第三个临时变量来存储其中一个变量的值，然后将另一个变量的值赋值给第一个变量，最后将第三个变量的值赋值给第二个变量。

let a = 10;
let b = 20;
let temp;

temp = a;
a = b;
b = temp;

console.log(a, b); // 输出 "20 10"

方法2：使用加减法

使用加减法可以在不使用第三个变量的情况下交换两个变量的值。具体方法是将其中一个变量值加上另一个变量的值，再将结果减去其中一个变量的值，最后将结果减去另一个变量的值。

let a = 10;
let b = 20;

a = a + b;
b = a - b;
a = a - b;

console.log(a, b); // 输出 "20 10"

方法3：使用异或运算

使用异或运算可以在不使用第三个变量的情况下交换两个变量的值。具体方法是将其中一个变量与另一个变量进行异或运算，再将结果与其中一个变量进行异或运算，最后将结果与另一个变量进行异或运算。

let a = 10;
let b = 20;

a = a ^ b;
b = a ^ b;
a = a ^ b;

console.log(a, b); // 输出 "20 10"

方法4：使用 ES6 的解构赋值

ES6 提供了一种简单的方法来交换两个变量的值，即使用解构赋值。

let a = 10;
let b = 20;

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

console.log(a, b); // 输出 "20 10"

以上四种方法可以轻松地实现变量的交换，每种方法都有其优缺点，可以根据具体的需求选择合适的方法。