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


当前回答

第一个~操作符将操作数强制转换为整数(可能是在将值强制转换为字符串或布尔值之后),然后将最低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

其他回答

将字符串转换为数字

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
}

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

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

来源:

参见与点交互部分

第一个~操作符将操作数强制转换为整数(可能是在将值强制转换为字符串或布尔值之后),然后将最低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);
}

除了截断实数外,~~还可以用作更新对象中的计数器的操作符。应用于未定义的对象属性的~~将解析为零,如果该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;