十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本文集合了了js运算符的一些特殊应用。
网站设计制作、网站建设服务团队是一支充满着热情的团队,执着、敏锐、追求更好,是创新互联的标准与要求,同时竭诚为客户提供服务是我们的理念。成都创新互联把每个网站当做一个产品来开发,精雕细琢,追求一名工匠心中的细致,我们更用心!
js位运行符的运用。
js运算符的使用技巧。
~"str1".indexOf("str2")
str1 被查找的字符串
str2 查找的字符串
如果 str1 不含有 str2 ,则返回数字 0 。
例:
var str1='abc'; var str2='a'; if(~str1.indexOf(str2)){ console.log('有'+str2) //有a }else{ console.log('无'+str2) }
num | 0
num 整数
例:
1.3 | 0 //1
num >> 1
num 整数
例:求 50 的 1/2
50 >> 1 //25
有除号 / 干嘛不用呢?多好呀: 50/2 //25
需求1:
成长值为5是1星;
成长值为10是2星;
成长值为12是3星;
成长值为15是4星;
其他都是0星。
({'5':1,'10':2,'12':3,'15':4}[val] || 0);
val 成长值。
num & 1
num 整数
例:
var num=3; if (num & 1) { console.log("num是奇数"); //num是奇数 } else { console.log("num是偶数"); }
使用位运行符:
var num1 = 1, num2 = 2; num1 ^= num2; num2 ^= num1; num1 ^= num2; console.log(num1,num2); //2 1
使用数组:
var num1 = 1, num2 = 2; num1 = [num2, num2 = num1][0]; console.log(num1,num2); //2 1
1 << n-1
使用位运行符:
2的n次方
例:2的3次方:1<<3 //8
使用幂运行符:
个人觉得这个不如直接使用 幂 的方式好。
x的y次方: x**y
例:2的3次方:2**3 //8
方法比较:
使用 << 的方式可以支持负数,** 需要用括号否则出错。
使用 ** 比较直观,没研究过 << 方法的任意数的任意次方的规律。
1<<3 //8 2**3 //8 -1<<3 //-8 -2**3 // 报错 -(2**3) //-8 3<<2 //12 错误 3**2 //9 正确
!str1.indexOf("str2")
例:
var str1='abc'; var str2='a'; if(!str1.indexOf(str2)){ console.log('是开头') }else{ console.log('不是开头') }
使用正则方式
/^a/.test('abc') //a开头,true /c$/.test('abc') //c结尾,true
+str
例:
var str='123'; typeof(str) //string typeof(+str) //number
!!obj
例:
!!'text' //true