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

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

29565 次浏览
小开

~似乎做-(N+1)。如果你在-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之间时。否则，将发生溢出，数字将“环绕”。

这可能被认为是有用的将函数的字符串参数转换为数字，但由于溢出的可能性和它不适合用于非整数，我不会这样使用它，除了“code golf”(即。毫无意义地从程序源代码中削减字节，以牺牲可读性和健壮性)。我将使用+x或Number(x)代替。

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

例如，数字-43.2是:

-43.2__abc0 = 11111111111111111111111111111111111111010101__abc1

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

不是-43__abc0 = 00000000000000000000000000101010__abc1 = 42__abc0

再次求倒数得到:

Not 42__abc0 = 111111111111111111111111111111111111010101__abc1 = -43__abc0

这与Math.floor(-43.2)的不同之处在于负数是四舍五入到0，而不是远离0。(底函数等于-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', '')),

来源:

< a href = " http://tenxer.github。io/xcharts/examples/" rel="nofollow">见section 与点交互

小开

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

其目的是删除浮点数小数点后的任何内容，但它有一些极端情况，使其存在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

小开

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

source

小开

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

~~8.29 // output 8

Math.trunc(8.29) // output 8

小开

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


提交答案