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

时间:2010-10-29 20:27:53

标签: javascript

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

9 个答案:

答案 0 :(得分:232)

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

换句话说,它产生:

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

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

将函数的字符串参数转换为数字可能会有用,但由于存在溢出的可能性以及与非整数一起使用不正确,我不会这样使用它除了“代码高尔夫” “( ie 以牺牲可读性和健壮性为代价,无意义地删除程序源代码中的字节)。我会改用+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)的不同之处在于负数向零舍入,而不是偏离它。 (地板函数,等于-44,总是向下舍入到下一个较低的整数,无论​​数字是正数还是负数。)

答案 1 :(得分: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

答案 2 :(得分:18)

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

答案 3 :(得分: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/

答案 4 :(得分:8)

鉴于~N-(N+1)~~N则为-(-(N+1) + 1)。显然,这会导致neat trick

答案 5 :(得分:2)

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

目的是删除浮点数小数点后的任何内容,但它有一些角落情况会使其成为一个bug。我建议避免~~。

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

~~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

答案 6 :(得分:1)

以下是如何有效使用此运算符的示例,其中使用它是有意义的:

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

来源:

See section Interacting with points

答案 7 :(得分:1)

将字符串转换为数字

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

答案 8 :(得分:0)

Tilde(〜)有一个algorihm - (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