JavaScript训练合集——如何交换两个变量的值

在我们的开发中, 经常遇到需要交换两个变量的值的需求, 实现的方法有非常多, 你了解的越多, 说明你对JavaScript越熟悉

临时变量法

这个方法再简单不过了, 就是创建一个临时变量作为中介, 实现变量值的交换

var a = 3,
    b = 4,
    c = undefined;
c = b;
b = a;
a = c;

这种方法虽然很简单, 但是并不是很好的实现方式, 很不推荐, 因为我们多声明了一个变量

加减法

var a = 3,
    b = 4;
a = a + b;
b = a - b;
a = a - b;

这种只通过加减法实现的方式比较巧妙

数组法

var a = 3,
    b = 4;
a = [a, b];
b = a[0];
a = a[1];

对象法

var a = 3,
    b = 4;
a = {
    
     a: b, b: a };
b = a.b;
a = a.a;

数组运算法

var a = 3,
    b = 4;
a = [b, b = a][0];

这种方法的实现比较独特, 数组内是可以进行运算操作的, 根据优先级, 首先会执行 b = a, 然后通过索引, b又会赋值给a;

按位异或法

var a = 3,
    b = 4;
a = a ^ b;
b = b ^ a;
a = a ^ b;

这种方法是比较偏向于底层的运算, 主要是把a和b的值转换为二进制来做异或操作, 比如3的二进制是0011, 4的二进制是0100, 异或之后的结果是0111。然后的逻辑就和加法运算差不多了

解构赋值法

ES6有一个非常好用的解构赋值, 也可以很巧妙的运用到变量交换中.

var a = 3,
    b = 4;
[a, b] = [b, a];

这里强调一下, 以上方法并不适用于引用类型的变量, 只适用于基本类型