乐趣区

关于javascript:JavaScript-交换值的奇思妙想

作者:piyush-kochhar
译者:前端小智
起源:hackernoon

点赞再看,微信搜寻 【大迁世界】 关注这个没有大厂背景,但有着一股向上踊跃心态人。本文 GitHub https://github.com/qq44924588… 上曾经收录,文章的已分类,也整顿了很多我的文档,和教程材料。

大家都说简历没我的项目写,我就帮大家找了一个我的项目,还附赠【搭建教程】。

晚期之前,在 JS 中替换值,咱们次要还是应用长期变量。ES6 之后,咱们能够应用开展运算符号来替换变量,除了这两种形式,你还能想到哪些呢?????

本文次要介绍 替换变量的 10 种办法,请过目 ????

1. 应用长期变量

function swapWithTemp(num1, num2) {console.log(num1, num2)

  let temp = num1
  num1 = num2
  num2 = temp

  console.log(num1, num2)
}

swapWithTemp(66.66, 8.88)

2. 应用算术运算符 +-

function swapWithPlusMinus(num1, num2){console.log(num1, num2)

  num1 = num1 + num2
  num2 = num1 - num2
  num1 = num1 - num2

  console.log(num1, num2)
}

swapWithPlusMinus(66, 8)

次要的过程是这样的,先求出两个数的和,那么第二个数要换友第一个数的的值就是总的和减去第二个,也就是代码中的 num2 = num1-num2,同理,第一个数要换成第二个数的值,就是总的和减去第一个数的值,当初第一个数曾经是赋值给第二个数,所以间接减去第二数的值即可,也就是 num1 = num1-num2 ????

但我试了一下小数,如同有点问题,有点难堪 ????,但这种思维咱们还是要把握的 ????

下面还能够这样来简写 ????:

function swapWithPlusMinusShort(num1, num2){console.log(num1, num2)

  num2 = num1 + (num1 = num2) - num2

  console.log(num1, num2)
}

这里的技巧在于 (num1 = num2),这步,咱们让 num1 等于 num2 了,并且返回是 num2 的值,此时 num1 值已替换。接着就用 num1 加上 (num1 = num2) 返回的值,也就是 num1 + num2 求和,而后思路就和下面剖析的一样了 ????。

然而,应用浮点数时,也会失去一些意外的后果 ????

你能够在控制台跑跑上面这段代码:


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)
}

swapWithPlus(2.3,3.4)

下面的程序能够工作,但就义了可读性。在 () 中,咱们将 num1 调配给 num2,旁边的0 是返回值。简而言之,第 4 行看起来是这样的 ✍:

num2 = num1 + 0 => num2 = num1

4. 应用算术运算符 */

*/ 的原理与先前的办法雷同,只是有一些渺小的区别 ????。

function swapWithMulDiv(num1, num2){console.log(num1, num2)

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

  console.log(num1, num2)
}

swapWithMulDiv(2.3,3.4)

与上一个雷同。咱们失去两个数字的乘积并将它们存储在其中一个变量中,对应就是 num1 = num1*num2。而后,用总数除了对应的变量,失去替换后变量的值 ????。

但这个有些问题是什么呢?就是,如果有替换值有 0 就会失去意想不到的问题 ????:

swapWithMulDiv(2.34,0)
// 2.34 0
// NaN NaN

咱们的值没有替换,而是失去一个奇怪的 NaN。那是怎么回事? 如果你还记得你的数学课,咱们总是被告知不要除以0 因为它是未定义。起因在于极限是如何起作用的,还有一些其余的起因,咱们不会波及。当初,让咱们看看这个办法的其余问题:

function swapWithMulDiv(num1, num2){console.log(num1, num2)

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

  console.log(num1, num2)
}

swapWithMulDiv(2.34,Infinity)
// 2.34 Infinity
// NaN NaN

又是 NaN,因为咱们不能用Infinity 除以工作内容,因而未定义 ⚡。

如果是负无穷大呢,后果又会是怎么样 ????:

function swapWithMulDiv(num1, num2){console.log(num1, num2)

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

  console.log(num1, num2)
}

swapWithMulDiv(2.34,-Infinity)

-Infinity的后果与后面的示例雷同,起因也是一样的。

上面是下面的一个简写形式,当然存在问题也是一样的:

function swapWithMulDivShort(num1, num2){console.log(num1, num2)

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

  console.log(num1, num2)
}

swapWithMulDivShort(2.3,3.4)

5. 仅应用 */运算符

下面的程序能够工作,但就义了可读性。在 () 中,咱们将 num1 调配给 num2,旁边的 1 ` 是返回值。num2 = num1 * (num1=num2, 1)` 看起来是这样的:

num2 = num1 * 1 => num2 = num1

6. 应用按位异或

异或 是按二进制位来工作,当咱们有两个值不一样时,它的后果为1,否则为0:

function swapWithXOR(num1, num2){console.log(num1, num2)

  num1 = num1^num2;
  num2 = num1^num2; 
  num1 = num1^num2;

  console.log(num1, num2)
}

swapWithXOR(10,1)

4 位二进制数10-> 1010

4 位二进制数1-> 0001

下面的合成过程 ????:

num1 = num1 ^ num2 = 1010 ^ 0001 = 1011
num2 = num1 ^ num2 = 1011 ^ 0001 => 1010 => 10
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(2.34,3.45)
// 2.34 3.45
// 3 2

嗯?替换的值在哪里? 咱们只失去这个数的整数局部。这就是问题所在。异或 假如输出是整数,因而执行相应的计算。然而浮点数不是整数,并且由 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)
}

swapWithXOR(-Infinity,Infinity)
// -Infinity Infinity
// 0 0

再一次,咱们没有看到预期的后果 ????。这是因为 Infinity–Infinity都是浮点数。正如咱们下面探讨的,对于 XOR,浮点数是一个问题。

  1. 应用 同或门 XNOR

同或门也称为异或非门, 它也能够操作二进制位,与 XOR 相同。当咱们有两个值不一样时,XNOR 后果是 0,否则为1。JavaScript 没有一个操作符来执行XNOR,所以咱们应用XOR 操作符来达到相似的成果。

function swapWithXNOR(num1, num2){console.log(num1, num2)

  num1 = ~(num1^num2)
  num2 = ~(num1^num2)
  num1 = ~(num1^num2)

  console.log(num1, num2)
}

swapWithXNOR(10,1)

4 位二进制数10-> 1010

4 位二进制数1-> 0001

下面的合成过程 ????:

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

因为咱们有一个正数,咱们须要将其转换回二进制并执行 2 的补码以获取十进制值,例如:

-12 => 1100 => 0011 + 1 => 0100
num2 = ~(num1 ^ num2) => ~(0100 ^ 0001) => ~(0101) => ~5 => -6

-6 => 0110 => 1001 + 1 => 1010 => 10
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)
// 2.3 4.5
// 4 2

8. 在数组中赋值

这是一个简略的技巧,只须要一行来执行替换,更重要的是不须要数学知识,只须要一个根本的数组常识即可。

function swapWithArray(num1, num2){console.log(num1, num2)

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

  console.log(num1, num2)
}

swapWithArray(2.3,Infinity)

// 2.3 Infinity
// Infinity 2.3

在数组的索引 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)

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 被返回。因而,替换了这些值,请记住,这种替换办法效率不高。


代码部署后可能存在的 BUG 没法实时晓得,预先为了解决这些 BUG,花了大量的工夫进行 log 调试,这边顺便给大家举荐一个好用的 BUG 监控工具 Fundebug。

原文:https://hackernoon.com/how-to…

交换

文章每周继续更新,能够微信搜寻 【大迁世界】 第一工夫浏览,回复 【福利】 有多份前端视频等着你,本文 GitHub https://github.com/qq449245884/xiaozhi 曾经收录,欢送 Star。

退出移动版