JavaScript交换变量的4种常用方法详解

本文介绍了JavaScript中交换变量的几种常用实现方式，供读者参考。

许多算法逻辑都需要交换两个变量的值。在编程面试中，常会遇到“如何在不使用临时变量的情况下交换两个变量”这类问题。掌握多种变量交换技巧非常有益。本文将介绍大约4种交换方式，其中两种需要借助额外内存，另外两种则不需要。

1. 解构赋值

解构赋值是ES2015引入的语法特性，允许将数组或对象中的值提取并赋值给变量。例如，以下代码演示了对数组进行解构的操作：

let a;
let b;

[a, b] = [1, 2, 3];

a; // => 1
b; // => 2

[a，b] = [1,2,3] 是对 [1,2,3] 数组进行解构的解构赋值。[1，2，3] 的第一项1 分配给了变量 a，第二项 2 对应地分配给了 b。

掌握了数组解构的方法后，可以很容易地利用它来交换变量。让我们使用解构赋值来交换变量 a 和 b：

let a = 1;
let b = 2;

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

a; // => 2
b; // => 1

第一步，在解构赋值的右侧，会创建一个临时数组[b，a]（其值为[2，1]）。

随后发生临时数组的解构过程：[a，b] = [2，1]。此时，变量 a 被分配了 2，b 被分配了 1。至此，a 和 b 的值交换完成。

这种解构方法非常简洁且富有表现力，仅需一条语句即可完成交换。它适用于所有数据类型，包括数字、字符串、布尔值和对象。

在大多数情况下，推荐使用解构赋值来交换变量。

2. 临时变量

使用临时变量交换变量是经典且直观的方法。顾名思义，这种方法需要引入一个额外的临时变量来辅助交换。

让我们使用临时变量 temp 来交换变量 a 和 b 的值：

let a = 1;
let b = 2;
let temp;

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

a; // => 2
b; // => 1

3. 加减法

您可以交换变量的值，而无需使用额外的内存空间（例如临时数组或变量）。

以下示例利用加法 + 和减法 - 算术运算符来交换变量 a 和 b：

let a = 1;
let b = 2;

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

a; // => 2
b; // => 1

初始状态下，a 为 1，b 为 2。让我们逐步分析这三条语句是如何执行交换的：

1. a = a + b 赋予 a 值 1 + 2。
2. b = a - b 为 b 赋值 1 + 2 - 2 = 1（此时 b 的值为 1）。
3. a = a - b 为 a 分配值 1 + 2 - 1 = 2（此时 a 的值为 2）。

最终，a 变为 2，b 变为 1。a 和 b 的交换已完成。

尽管这种方法不需要临时变量，但它存在较大的局限性。

• 首先，该方法仅适用于整数类型的交换。
• 其次，在第一步 a = a + b 执行加法时，需警惕数字溢出问题（即总和必须小于 Number.MAX_SAFE_INTEGER）。

4. 按位XOR运算符

XOR（异或）运算符在两个操作数不同时计算结果为 true。回顾一下 XOR 的真值表：

在JavaScript中，按位 XOR 运算符 n1 ^ n2 会对 n1 和 n2 数字的每一位执行 XOR 操作。

举例来说，5 ^ 7 评估结果为 2 的过程如下：

1 0 1 (5 的二进制)
1 1 1 (7 的二进制)
-----
0 1 0 (5 ^ 7 = 2 的二进制)

按位 XOR 运算具有两个有趣的数学属性：

• n ^ n = 0：对相同数字执行按位 XOR 的结果为 0。
• n ^ 0 = n：对任意数字与零执行按位异或，结果仍为该数字本身。

利用这些 XOR 属性，我们可以交换变量。让我们看看如何交换 a 和 b 的值：

let a = 1;
let b = 2;

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

a; // => 2
b; // => 1

交换过程如下：

1. a = a ^ b
2. b = a ^ b。基于1 a 被 a ^ b 取代。因此 b =（a ^ b）^ b = a ^（b ^ b）= a ^ 0 = a。请记住，此时 b 不再等于 a。
3. a = a ^ b。基于1 a 的 a 替换为 a ^ b，基于2 b 的 a 替换为 a。因此 a =（a ^ b）^ a = b ^（a ^ a）= b ^ 0 = b。变量 a 变为 b。

如果觉得上述解释过于复杂，可以直接跳过。由三条赋值语句组成的按位XOR（利用 n ^ n = 0 和 n ^ 0 = n 的性质）使得交换 a 和 b 的值成为可能。

使用按位XOR运算符交换变量同样存在局限性：您只能交换整数。

5. 结论

JavaScript提供了多种交换变量的优秀方法，无论是否使用额外内存空间。

• 我推荐的首选方法是通过应用解构赋值 [a，b] = [b，a] 来交换变量。这是一种简短且富有表现力的写法。
• 第二种方法是使用临时变量。这是替代解构赋值方法的一个不错选择。
• 第三种方法利用加减法，不使用其他变量或内存空间。但是，该方法仅限于交换整数。
• 同样，使用按位XOR的第四种方法也不使用额外内存。但同样地，您只能交换整数。

您认为交换变量的首选方式是什么？

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。