在Javascript中做什么~~("双波浪")?

Sha*_*son 197 javascript

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

Ple*_*and 240

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

换句话说,它产生:

function(x) {
  if(x < 0) return Math.ceil(x);
  else return Math.floor(x);
}
Run Code Online (Sandbox Code Playgroud)

只有当x在 - (2 31)和2 31 - 1之间时,否则会发生溢出并且数字将"环绕".

这对于将函数的字符串参数转换为数字可能被认为是有用的,但是由于存在溢出的可能性以及与非整数一起使用它是不正确的,我不会那样使用它,除了"代码高尔夫"(毫无意义地从程序的源代码中删除字节,但代价是可读性和健壮性).我会用+xNumber(x)代替.


这是NOT的NOT

例如,数字-43.2是:

-43.2 10 = 11111111111111111111111111010101 2

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

NOT -43 10 = 00000000000000000000000000101010 2 = 42 10

再次反转给出:

NOT 42 10 = 11111111111111111111111111010101 2 = -43 10

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

  • 也就是说,`~~`是创建[截断函数]的简写方法(可能是一个很好的解决方案?)(http://stackoverflow.com/questions/14/difference-between-math-floor-and -math-truncate-in-net),但很明显[在javascript](http://stackoverflow.com/a/16696848/1028230). (6认同)
  • 非常彻底的解释,谢谢你.优秀. (4认同)
  • JSLint会抱怨使用`~~`. (4认同)
  • 试试 Math.trunc() (2认同)

小智 30

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

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

然后第二个〜运算符将这些位反转,因此您知道您将有一个整数.这与在条件语句中将值强制转换为boolean不同,因为空对象{}的计算结果为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
Run Code Online (Sandbox Code Playgroud)

  • 还`~~ undefined // 0` (6认同)
  • 还有`~~null // 0` (2认同)

Gaj*_*jus 19

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
Run Code Online (Sandbox Code Playgroud)

polyfill:

function trunc(x) {
    return x < 0 ? Math.ceil(x) : Math.floor(x);
}
Run Code Online (Sandbox Code Playgroud)

  • 有些令人惊讶的是,~~比Math.trunc,http://jsperf.com/math-trunc-vs-double-bitwise-not-operator更快.虽然,并非一切都与速度有关; 可读性也是如此. (6认同)
  • ~~和Math.trunc之间有一个重要区别:如果您传递字符串,NaN或不是数字的任何东西,Math.trunc将返回NaN,而~~将始终返回数字,在这种情况下,它将将返回0。 (3认同)
  • 想知道它与~~的性能相比如何 (2认同)

Ric*_*kir 12

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


Jam*_*ers 7

既然~N-(N+1),~~N那么-(-(N+1) + 1).显然,这导致了一个巧妙的伎俩.


JSi*_*ris 5

只是一点警告。这里的其他答案让我遇到了一些麻烦。

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

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

~~1000000000000 == -727279968

作为替代方案,使用Math.trunc()(如 Gajus 所述,Math.trunc()返回浮点数的整数部分,但仅在符合 ECMAScript 6 的 JavaScript 中可用)。您始终可以Math.trunc()通过执行以下操作为非 ECMAScript-6 环境创建自己的环境:

if(!Math.trunc){
    Math.trunc = function(value){
        return Math.sign(value) * Math.floor(Math.abs(value));
    }
}
Run Code Online (Sandbox Code Playgroud)

我写了一篇关于此的博客文章以供参考:http : //bitlords.blogspot.com/2016/08/the-double-tilde-x-technique-in.html


Myk*_*ych 5

将字符串转换为数字

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
Run Code Online (Sandbox Code Playgroud)

~-1 为 0

if (~someStr.indexOf("a")) {
  // Found it
} else  {
  // Not Found
}
Run Code Online (Sandbox Code Playgroud)

来源