~~(“双波浪号”)在 Javascript 中有什么作用?

IT技术 javascript
2021-01-15 22:13:58

我今天正在查看一个在线游戏物理库,并遇到了 ~~ 运算符。我知道单个 ~ 是按位非,这会使 ~~ 不是非的非,它会返回相同的值,不是吗?

6个回答

它删除小数点后的所有内容,因为按位运算符将其操作数隐式转换为有符号的 32 位整数。无论操作数是(浮点)数字还是字符串,这都适用,结果是数字。

换句话说,它产生:

function(x) {
  if(x < 0) return Math.ceil(x);
  else return Math.floor(x);
}

仅当x介于 -(2 31 ) 和 2 31 - 1 之间时。否则,将发生溢出并且数字将“环绕”。

这可能被认为对将函数的字符串参数转换为数字很有用,但由于可能发生溢出以及与非整数一起使用是不正确的,我不会以这种方式使用它,除了“代码高尔夫”(以牺牲可读性和健壮性为代价,从程序的源代码中毫无意义地修剪字节)。我会用+xorNumber(x)代替。


这不是 NOT 的 NOT

例如,数字 -43.2 是:

-43.2 10 = 111111111111111111111111111010101 2

作为有符号(二进制补码)的 32 位二进制数。(JavaScript 忽略小数点后的内容。)反转位给出:

非 -43 10 = 00000000000000000000000000101010 2 = 42 10

再次反转给出:

不是 42 10 = 111111111111111111111111111010101 2 = -43 10

这不同于Math.floor(-43.2)负数向零舍入,而不是远离它。(floor 函数等于 -44,总是向下舍入到下一个较小的整数,无论​​数字是正数还是负数。)

试试 Math.trunc()
2021-03-14 22:13:58
JSLint 会抱怨使用~~.
2021-03-22 22:13:58
也就是说,~~是创建截断函数的一种速记方式(并且可能是一个很好的解决方案?),但显然在 javascript 中
2021-04-08 22:13:58

第一个 ~ 运算符强制操作数为整数(可能在将值强制为字符串或布尔值之后),然后反转最低 31 位。官方 ECMAScript 数字都是浮点数,但有些数字在 SpiderMonkey 引擎中实现为 31 位整数。

您可以使用它将 1 元素数组转换为整数。浮点数根据 C 规则进行转换,即。截断小数部分。

第二个 ~ 运算符然后将位反转,因此您知道您将拥有一个整数。这与在条件语句中将值强制为布尔值不同,因为空对象 {} 的计算结果为 true,而 ~~{} 的计算结果为 false。

js>~~"yes"
0
js>~~3
3
js>~~"yes"
0
js>~~false
0
js>~~""
0
js>~~true
1
js>~~"3"
3
js>~~{}
0
js>~~{a:2}
0
js>~~[2]
2
js>~~[2,3]
0
js>~~{toString: function() {return 4}}
4
js>~~NaN
0
js>~~[4.5]
4
js>~~5.6
5
js>~~-5.6
-5
从技术上讲,您的顺序是错误的。第二个~做你描述的第一个~,反之亦然。~运算符是一元运算符和由右至左interpereted~~X~(~X)不像(~~)X(这将是一个语法错误)
2021-03-12 22:13:58
感谢这里的所有示例 Shanti,它真的很有帮助!
2021-03-17 22:13:58
~~undefined // 0
2021-03-25 22:13:58
~~null // 0
2021-04-04 22:13:58

ECMAScript中6中,相当于~~Math.trunc

通过删除任何小数位返回数字的整数部分。它不舍入任何数字。

Math.trunc(13.37)   // 13
Math.trunc(42.84)   // 42
Math.trunc(0.123)   //  0
Math.trunc(-0.123)  // -0
Math.trunc("-1.123")// -1
Math.trunc(NaN)     // NaN
Math.trunc("foo")   // NaN
Math.trunc()        // NaN

填充物:

function trunc(x) {
    return x < 0 ? Math.ceil(x) : Math.floor(x);
}
2021-03-12 22:13:58
~~ 和 Math.trunc 之间有一个重要的区别:如果你传递一个字符串,或 NaN 或任何不是数字的东西,Math.trunc 将返回 NaN,而 ~~ 将始终返回一个数字,在这些情况下,它将返回 0。
2021-03-18 22:13:58
有点令人惊讶的是,~~ 比 Math.trunc,jsperf.com/math-trunc-vs-double-bitwise-not-operator更快不过,并非一切都与速度有关。可读性也。
2021-04-02 22:13:58

~似乎做-(N+1)因此,~2 == -(2 + 1) == -3如果您在 -3 上再次执行此操作,则会将其返回:~-3 == -(-3 + 1) == 2它可能只是以一种迂回的方式将字符串转换为数字。

请参阅此线程:http : //www.sitepoint.com/forums/showthread.php? t= 663275

此外,这里提供更详细的信息:http : //dreaminginjavascript.wordpress.com/2008/07/04/28/

感谢 Drackir 的链接!
2021-03-16 22:13:58

给定~N-(N+1)~~N则是-(-(N+1) + 1)显然,这导致了一个巧妙的技巧

必须向下滚动到 Matt 的评论才能正确使用它;)
2021-03-31 22:13:58