~~（“双波浪号”）在 Javascript 中的作用是什么？

Question

我今天在查看一个在线游戏物理库时，偶然发现了 ~~ 运算符。我知道单个 ~ 是按位 NOT，那会使 ~~ 成为 NOT 的 NOT，它会返回相同的值，不是吗？

Answer 1

~~ 可以用作Math.trunc() 的简写

~~8.29 // output 8

Math.trunc(8.29) // output 8

Answer 2

波浪号(~) 有一个算法 -(N+1)

例如：

~0 = -(0+1) = -1
~5 = -(5+1) = -6
~-7 = -(-7+1) = 6

双波浪号是-(-(N+1)+1)

例如：

~~5 = -(-(5+1)+1) = 5
~~-3 = -(-(-3+1)+1) = -3

三个波浪号是 -(-(-(N+1)+1)+1)

例如：

~~~2 = -(-(-(2+1)+1)+1) = -3
~~~3 = -(-(-(3+1)+1)+1) = -4

Answer 3

只是一点警告。这里的其他答案给我带来了一些麻烦。

目的是删除浮点数小数点后的任何内容，但它有一些极端情况，使其成为错误危险。我建议避免~~。

首先，~~ 不适用于非常大的数字。

~~1000000000000 == -727279968

作为替代方案，使用 Math.trunc()（正如 Gajus 所提到的，Math.trunc() 返回浮点数的整数部分，但仅在兼容 ECMAScript 6 的 JavaScript 中可用）。您始终可以通过以下方式为非 ECMAScript-6 环境创建自己的 Math.trunc()：

if(!Math.trunc){
    Math.trunc = function(value){
        return Math.sign(value) * Math.floor(Math.abs(value));
    }
}

我为此写了一篇博文供参考：http://bitlords.blogspot.com/2016/08/the-double-tilde-x-technique-in.html

Answer 4

将字符串转换为数字

console.log(~~-1);    // -1
console.log(~~0);     // 0
console.log(~~1);     // 1
console.log(~~"-1");  // -1
console.log(~~"0");   // 0
console.log(~~"1");   // 1
console.log(~~true);  // 1
console.log(~~false); // 0

~-1 为 0

if (~someStr.indexOf("a")) {
  // Found it
} else  {
  // Not Found
}

source

Answer 5

这是一个如何有效使用此运算符的示例，在哪里使用它是有意义的：

leftOffset = -(~~$('html').css('padding-left').replace('px', '') + ~~$('body').css('margin-left').replace('px', '')),

来源：

See section Interacting with points

Answer 6

在 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

polyfill：

function trunc(x) {
    return x < 0 ? Math.ceil(x) : Math.floor(x);
}

Answer 7

它会删除小数点后的所有内容，因为位运算符会将其操作数隐式转换为有符号的 32 位整数。无论操作数是（浮点）数字还是字符串，这都有效，结果是数字。

换句话说，它产生：

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

仅当 x 介于 -(2³¹) 和 2³¹ - 1 之间。否则，会发生溢出，数字将“环绕”。

这对于将函数的字符串参数转换为数字可能被认为很有用，但是由于溢出的可能性以及与非整数一起使用不正确，我不会那样使用它，除了“代码高尔夫"（ie 以牺牲可读性和健壮性为代价，毫无意义地从程序的源代码中删除字节）。我会改用+x 或Number(x)。

---

这怎么是NOT的NOT

数字-43.2，例如是：

-43.2₁₀ = 11111111111111111111111111010101₂

作为带符号（二进制补码）的 32 位二进制数。 （JavaScript 忽略小数点后的内容。）反转位给出：

非 -43₁₀ = 00000000000000000000000000101010₂ = 42₁₀

再次反转给出：

非 42₁₀ = 11111111111111111111111111010101₂ = -43₁₀

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

Answer 8

第一个 ~ 运算符将操作数强制为整数（可能在将值强制为字符串或布尔值之后），然后反转最低 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

Answer 9

假设~N 是-(N+1)，那么~~N 是-(-(N+1) + 1)。这显然会导致neat trick。

Answer 10

~ 似乎是 -(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/