我今天在检查一个在线游戏物理库时遇到了~~操作员。我知道单个的~是一个按位的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,总是舍入到下一个更小的整数,不管这个数字是正还是负。)
第一个~操作符将操作数强制转换为整数(可能是在将值强制转换为字符串或布尔值之后),然后将最低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
}
源
除了截断实数外,~~还可以用作更新对象中的计数器的操作符。应用于未定义的对象属性的~~将解析为零,如果该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;
推荐文章
- 在JS的Chrome CPU配置文件中,'self'和'total'之间的差异
- 用javascript检查输入字符串中是否包含数字
- 如何使用JavaScript分割逗号分隔字符串?
- 在Javascript中~~(“双波浪号”)做什么?
- 谷歌chrome扩展::console.log()从后台页面?
- 未捕获的SyntaxError:
- [].slice的解释。调用javascript?
- jQuery日期/时间选择器
- 我如何预填充一个jQuery Datepicker文本框与今天的日期?
- 数组的indexOf函数和findIndex函数的区别
- jQuery添加必要的输入字段
- Access-Control-Allow-Origin不允许Origin < Origin >
- 如何设置断点在内联Javascript在谷歌Chrome?
- JavaScript错误(Uncaught SyntaxError:意外的输入结束)
- 从数字中移除无关紧要的尾随零?