javascript按位非运算符的使用方法
2024-05-06 14:33:38
供稿：网友
~：按位非操作符由一个波浪线（~）表示，执行按位非的结果就是返回数值的反码。
代码如下:
var num1 = 3; // 我的幸运数字是3
var num2 = ~(num1);
console.log(num2) // "-4"
var num3 = -3;
var num4 = ~(num3);
console.log(num4) // "2"
console.log(~(0)) // "-1"
没错，现在我们知道了~运算符的原理了。开心吗？。。。不开心，虽然这一章，我看过好多次。。。因为我从来就没用过，实在是惭愧啊。大家觉得这个运算符可以用在什么地方呢？恩。。。沉思一下，放一段同事的代码：
代码如下:
if (~item[search_key].toLowerCase().indexOf(query)) {
_results.push(item);
}
代码：
代码如下:
if( str.indexOf(query) != -1 ) or if( str.indexOf(query) >= 0)
原理分析：
通过str.indexOf(query)最后得出的值，无外乎不过两种：
1. str中包含query字符串，则值是0或正整数，此时：!!(~str.indexOf(query)) === true(或者这样转换 Boolean(~str.indexOf(query)) === true)
2. srt中不包含query字符串，则值为-1，此时：!!(~str.indexOf(query)) === false
因此通过加上一个~就能很好的对indexOf的查询结果进行判断了。清爽无比，从此再也没有头屑的烦恼了。。哈哈！
最后我们来分析一下效率吧，印象中位运算的效率应该比较运算符高。来段代码：
代码如下:
var str = "hutaoer go go go!!!!! My lucky number is 33!!";
var query = 33;
var timeStart1 = new Date() - 0;
for(var i = 0; i < 100000000; i++) {
~str.indexOf(query)
}
var timeEnd1 = new Date() - 0;
console.log('~ cost time:' + (timeEnd1 - timeStart1));
// ~ cost time:9954 循环次数：10000000
// ~ cost time:104 循环次数： 100000
var timeStart2 = new Date() - 0;
for(var j = 0; j < 100000000; j++) {
str.indexOf(query) >= 0
}
var timeEnd2 = new Date() - 0;
console.log('>= cost time:' + (timeEnd2 - timeStart2));
// >= cost time:10120 循环次数：10000000
程序更新：原来的测试代码在分割线上面不变。代码如下：
代码如下:
var str = "hutaoer go go go!!!!! My lucky number is 33!!";
var query = 33;
var timeStart1 = new Date() - 0;
for(var i = 0; i < 1000000; i++) {
~str.indexOf(query)
