如何在JavaScript中交换值？

很多开发人员，对于如何在JavaScript中交换值不清楚。在职业生涯的某个时刻，开发人员需要有交换价值。大多数时候，我们使用一种简单的旧解决方案使用临时变量gh。在绝望的时刻，我们在网上搜寻解决方案，找到解决方案，然后将其复制，而无需怀疑这小段代码是如何工作的。幸运的是，现在该是学习如何轻松高效地交换价值，来消除开发人员的痛苦了。

　　1.使用临时变量

让我们让最明显的一个成为可能。

function swapWithTemp(num1,num2){

console.log(num1,num2)

var temp = num1;

num1 = num2;

num2 = temp;

console.log(num1,num2)

}

swapWithTemp(2.34,3.45)

　　2.使用算术运算符+和-是的。我们可以使用一些数学魔术来交换您的价值

function swapWithPlusMinus(num1,num2){

console.log(num1,num2)

num1 = num1+num2;

num2 = num1-num2;

num1 = num1-num2;

console.log(num1,num2)

}

swapWithPlusMinus(2.34,3.45)

是的，让我们看看它是如何工作的。我们在第4行获得两个数字的总和。现在，如果从总和中减去一个数字，那么另一个数字就正确了。这就是我们在第5行上所做的事情。从存储在num1变量中的总和中减去num2会得到我们存储在num2中的原始num1值。同样，在第6行的num1中获得赋值num2的值。

当心：互联网上还存在一个带有+和-的单行交换。

外观如下：

function swapWithPlusMinusShort(num1,num2){

console.log(num1,num2)

num2 = num1+(num1=num2)-num2;

console.log(num1,num2)

}

swapWithPlusMinusShort(2,3)

上面的程序给出了预期的结果。()中的表达式

将num2存储在num1中，然后我们减去num1 — num2，除了减去num2 — num2 = 0外什么也没有。因此，我们得到了结果。但是，当我们使用浮点数时，会看到一些意外的结果。

尝试在控制台中使用如下所示的值。

function swapWithPlusMinusShort(num1,num2){

console.log(num1,num2)

num2 = num1+(num1=num2)-num2;

console.log(num1,num2)

}

swapWithPlusMinusShort(2,3.1)

　　3.仅使用+或-运算符

仅通过使用+运算符就可以达到与同时使用+和-时相同的结果。

让我们在下面看到它：

function swapWithPlus(num1,num2){

console.log(num1,num2)

num2 = num1 + (num1=num2, 0)

console.log(num1,num2)

}

//Try with - operator

swapWithPlus(2.3,3.4)

上面的程序有效，但牺牲了可读性。在()中的第4行，我们将num1分配给num2，而旁边的0是返回值。简而言之，我们的第4行如下所示：

num2 = num1 + 0 => num2 = num1.

因此，我们得到了结果。

注意：某些JavaScript引擎可以对上述忽略+ 0的代码执行自己的优化。

　　4.使用算术运算符*和/让我们使用*&/运算符做更多的魔术

其原理与先前的方法相同，但有一些微小的怪癖。

function swapWithMulDiv(num1,num2){

console.log(num1,num2)

num1 = num1*num2;

num2 = num1/num2;

num1 = num1/num2;

console.log(num1,num2)

}

swapWithMulDiv(2.34,3.45)

与上一个相同。我们得到两个数字的乘积，并将它们存储在一个数字中。这就是我们在第5行上执行的操作。然后，将其中一个与产品相除，得到第一个数字，然后重复此过程以获得第二个数字。你做到了，你是一个“ 数学家 ”。

function swapWithMulDiv(num1,num2){

console.log(num1,num2)

num1 = num1*num2;

num2 = num1/num2;

num1 = num1/num2;

console.log(num1,num2)

}

//Try switching out the numbers and see what happens

swapWithMulDiv(2.34,0)

我们的价值观没有被交换，而是得到了一个奇怪的NaN。到底是什么。如果您还记得数学课，我们总是被告知不要除以0，因为它是不确定的。原因在于限制的工作方式以及其他一些我们不会理解的原因。现在，让我们看看这种方法的其他问题

考虑以下示例：

function swapWithMulDiv(num1,num2){

console.log(num1,num2)

num1 = num1*num2;

num2 = num1/num2;

num1 = num1/num2;

console.log(num1,num2)

}

//Try switching the numbers and see what happens

swapWithMulDiv(2.34,Infinity)

是的，又是NaN。因为您无法使用Infinity分割任何内容，所以它是未定义的。

想要再看一遍。我是这么想的。

function swapWithMulDiv(num1,num2){

console.log(num1,num2)

num1 = num1*num2;

num2 = num1/num2;

num1 = num1/num2;

console.log(num1,num2)

}

//Try switching out the numbers and see what happens

swapWithMulDiv(2.34,-Infinity)

Infinity将产生与前面的示例相同的结果，原因也相同。

事实证明，即使是一位伟大的“ 数学家 ”也无法尽其所能。

这是用*和/交换的较短版本，但存在相同的问题：

function swapWithMulDivShort(num1,num2){

console.log(num1,num2)

num2 = num1*(num1=num2)/num2;

console.log(num1,num2)

}

swapWithMulDivShort(2.3,3.4)

当我们使用+和-进行交换时，上面的代码类似于较短的代码。我们将num2分配给num1，然后我们的第4行看起来

像这样：

num2 = num1 * num2 / num2=> num2 = num1

我们的价值观被交换了。

　　5.仅使用*或/运算符

function swapWithMul(num1,num2){

console.log(num1,num2)

num2 = num1 * (num1=num2, 1)

console.log(num1,num2)

}

//Try with / and ** operator

swapWithMul(2.3,3.4)

上面的程序有效，但牺牲了可读性。在()中的第4行中，我们将num1分配给num2，旁边的1是返回值。简而言之，我们的第4行如下所示：

num2 = num1 * 1 => num2 = num1

因此，我们得到了结果。

　　6.使用按位异或。

XOR操作二进制位。当我们有两个不同的输入时，它的结果为1，否则为0。

因此，让我们了解其工作原理。

function swapWithXOR(num1,num2){

console.log(num1,num2)

num1 = num1^num2;

num2 = num1^num2;

num1 = num1^num2;

console.log(num1,num2)

}

// Try negative values

swapWithXOR(10,1)

4位二进制数10-> 1010

1-> 0001的4位二进制

On line 5: num1 = num1 ^ num2 => 1010 ^ 0001 => 1011 => 7 On line 6: num2 = num1 ^ num2 => 1011 ^ 0001 => 1010 => 10On line 7: num1 = num1 ^ num2 => 1011 ^ 1010 => 0001 => 1

瞧!我们有交换的值。

让我们来看另一个例子。

function swapWithXOR(num1,num2){

console.log(num1,num2)

num1 = num1^num2;

num2 = num1^num2;

num1 = num1^num2;

console.log(num1,num2)

}

swapWithXOR

交换的值在哪里？我们只是得到数字的整数部分。这就是那里的问题。XOR假定输入是整数，因此将相应地执行计算。但是浮点数不是整数，而是由IEEE 754标准表示，它将数字分为三部分：符号位，一组代表指数的位和另一组代表1和2之间的数字，尾数。因此，我们得到不正确的值。

另一个例子：

function swapWithXOR(num1,num2){

console.log(num1,num2)

num1 = num1^num2;

num2 = num1^num2;

num1 = num1^num2;

console.log(num1,num2)

}

//Try experimenting with infinities and integer values.

swapWithXOR(-Infinity,Infinity)

再次。我们没有看到预期的结果。这是因为Infinity和–Infinity都是浮点数。正如我们上面所讨论的，对于XOR，浮点数是一个问题。

　　7.使用按位XNOR

它也操纵二进制位，这与XOR相反。

当我们有两个不同的输入时，XNOR 产生0，否则产生1。JavaScript没有执行XNOR的单个运算符，因此我们使用NOT运算符来取反XOR的结果。

因此，让我们了解其工作原理！

function swapWithXNOR(num1,num2){

console.log(num1,num2)

num1 = ~(num1^num2);

num2 = ~(num1^num2);

num1 = ~(num1^num2);

console.log(num1,num2)

}

//Try negative values

swapWithXNOR(10,1)

4位二进制数10-> 1010

1-> 0001的4位二进制

在第4行：

num1 = ~(num1 ^ num2) => ~(1010 ^ 0001) =>~(1011) => ~11 => -12

由于我们有一个负数，我们需要将其转换回二进制并执行2的补码以获取十进制值，例如：

-12 => 1100 => 0011 + 1 => 0100

在第5行：

num2 = ~(num1 ^ num2) => ~(0100 ^ 0001) => ~(0101) => ~5 => -6

-6 => 0110 => 1001 + 1 => 1010 => 10

在第6行：

num1 = ~(num1 ^ num2) => ~(0100^ 1010) => ~(1110) => ~14 => -15

-15 => 1111 => 0000 + 1 => 0001 => 1

花费了一些时间，但我们交换了价值。但不幸的是，它遇到了与XOR相同的问题。它不能处理浮点数和无穷大。

尝试尝试如下所示的一些值。

function swapWithXNOR(num1,num2){

console.log(num1,num2)

num1 = ~(num1^num2);

num2 = ~(num1^num2);

num1 = ~(num1^num2);

console.log(num1,num2)

}

swapWithXNOR(2.3,4.5)

　　8.在数组中使用分配

这是一个单行的把戏。真!您只需要一行即可执行交换，更重要的是，无需数学运算。您只需要数组的基本知识。它可能看起来很奇怪，但请紧紧抓住。

所以，让我们看看它的实际效果!

function swapWithArray(num1,num2){

console.log(num1,num2)

num2 = [num1, num1 = num2][0];

console.log(num1,num2)

}

swapWithArray(2.3,Infinity)

在数组的索引0中，我们存储num1，在索引1中，我们既将num2分配给num1，又存储了num2。另外，我们只是访问[0]，将数组中的num1值存储在num2中。而且我们可以在这里交换我们想要的任何东西，整数，浮点数以及字符串。实际上这很整洁，但是我们在这里失去了代码的清晰度。让我们探索其他东西。

　　9.使用解构表达式

这是ES6的功能。这是所有人中最简单的。在一行中，我们可以交换以下值：

let num1 = 23.45;

let num2 = 45.67;

console.log(num1,num2);

[num1,num2] = [num2,num1];

console.log(num1,num2);

　　10.使用立即调用的函数表达式

这是一个奇怪的。简而言之，IIFE是在定义后立即执行的功能。

我们可以使用它来交换值：

function swapWithIIFE(num1,num2){

console.log(num1,num2)

num1 = (function (num2){ return num2; })(num2, num2=num1)

console.log(num1,num2)

}

swapWithIIFE(2.3,3.4)

在上面的示例中，我们立即在第4行调用一个函数。最后的括号是该函数的参数。第二个参数将num1分配给num2，第一个参数num1刚刚返回。因此，将交换值。请记住，这种交换方法效率不高。

好了，关于如何在JavaScript中交换值相信大家已经清楚了吧，想了解更多关于JavaScript的信息，请继续关注中培教育。