我今天在检查一个在线游戏物理库时遇到了~~操作员。我知道单个的~是一个按位的NOT,这会使~~变成一个NOT的NOT吗?它会返回相同的值,不是吗?


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


它删除小数点后的所有内容,因为位操作符隐式地将其操作数转换为有符号的32位整数。无论操作数是(浮点数)数字还是字符串,这都有效,并且结果是一个数字。

换句话说,它产生:

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

只要x在-(231)和231 - 1之间。否则,将发生溢出,数字将“环绕”。

这可能被认为是有用的,将一个函数的字符串参数转换为一个数字,但由于溢出的可能性,这是不正确的使用非整数,我不会这样使用它,除了“代码高尔夫”(即,毫无意义地削减字节从你的程序的源代码,以可读性和健壮性为代价)。我会用+x或Number(x)来代替。


这怎么是“非”中的“非”

例如,数字-43.2是:

43.210 = 111111111111111111111111110101012

作为有符号的(2的补数)32位二进制数。(JavaScript忽略小数点后的内容。)将比特位颠倒得到:

否-4310 = 000000000000000000000000001010102 = 4210

再次求倒数得到:

不是4210 = 1111111111111111111111111111110101012 = -4310

这与Math.floor(-43.2)不同,因为负数是四舍五入到零,而不是远离零。(底函数等于-44,总是舍入到下一个更小的整数,不管这个数字是正还是负。)


假设~N为-(N+1),则~~N为-(-(N+1) +1),这显然是一个巧妙的技巧。


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

您可以使用它将一个单元素数组转换为整数。浮点数根据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

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

下面是一个如何有效使用这个操作符的例子,在使用它是有意义的地方:

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

来源:

参见与点交互部分


只是提醒你一下。这里的其他答案给我带来了麻烦。

其目的是删除浮点数小数点后的任何内容,但它有一些极端情况,使其存在bug风险。我建议避免……

首先,~~对很大的数字不起作用。

~~1000000000000 == -727279968

作为替代方法,使用Math.trunc()(正如Gajus所提到的,Math.trunc()返回浮点数的整数部分,但仅在ECMAScript 6兼容的JavaScript中可用)。你可以为非ecmascript -6环境创建自己的Math.trunc():

如果(! Math.trunc) { 数学。Trunc =函数(值){ 返回Math.sign(值)* Math.floor(Math.abs(值)); } }

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


波浪号(~)的算法为-(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

将字符串转换为数字

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
}


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

~~8.29 //输出8

Math.trunc(8.29) //输出


与Math.abs(Math.trunc(-0.123))相同,如果您想确保-也被删除。


除了截断实数外,~~还可以用作更新对象中的计数器的操作符。应用于未定义的对象属性的~~将解析为零,如果该counter属性已经存在,则将解析为相同的整数,然后再增加该整数。

let words=["abc", "a", "b", "b", "bc", "a", "b"];
let wordCounts={};    
words.forEach( word => wordCounts[word] = ~~wordCounts[word] + 1 );
console.log("b count == " + wordCounts["b"]);  // 3

下面两个赋值是等价的。

wordCounts[word] = (wordCounts[word] ? wordCounts[word] : 0) + 1;
wordCounts[word] = ~~wordCounts[word] + 1;