js运算符的一些特殊用法

2024-12-01 16:08:24

本文集合了了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

2的n次方： << 和 **

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

转为 Boolean 值： !!

!!obj

例：

!!'text' //true

js运算符的一些特殊用法

本文集合了了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
JS运算符简单用法示例

本文实例讲述了JS运算符简单用法.分享给大家供大家参考,具体如下: js中的运算符算术运算符:+,-,*,/,% 逻辑运算符:&,&&,|,||,! 自增运算符:++,--,+=,-= 关系运算符:<,>,=,<=,>=,!= 等于运算符:==,=== instance: <html> <head> <title>js运算符</title> <meta charset="UTF-8"
浅谈JS运算符&&和|| 及其优先级

今天看了一段YUI compressor压缩的js代码: userNum && (ind += index,ind >= userNum && (ind -= userNum),ind < 0 && (ind === -2 && (ind = -1),ind += userNum),selLi.removeClass("on"),$(selLi[ind]).addClass("on"));
js正则表达式test()和exec()用法实例

本文实例讲述了js正则表达式test()和exec()用法.分享给大家供大家参考.具体如下: 复制代码代码如下: <html> <head> <script type="text/javascript"> //正则.test(内容),返回true或false function t1(){ var con = document.getElementsByName('content')[0].value;//需要查找的内容 var reg = /h
JS自定义选项卡函数及用法实例分析

本文实例讲述了JS自定义选项卡函数及用法.分享给大家供大家参考.具体如下: 这里分享一个JS选项卡函数附带演示效果,选项卡函数参数调用说明: cmd:点击元素集合 con:显示容器集合 evt:触发事件 css:为当前点击元素的样式名称 index:为默认显示第几项的索引值目前选项卡的样式还比较简洁和粗糙,想用的自己动动手美化一下. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-zdy-tab-cha-fun-style-codes/
JS访问SWF的函数用法实例

本文实例讲述了JS访问SWF的函数用法.分享给大家供大家参考.具体分析如下: 关于Flash和JS相互调用的例子已经说很多了,这不是难题,当然,调用错误这也不是Flash和JS的错误,我们今天就来彻底解决IE,FF和Chrome之间的不兼容问题! 我们知道,Flash中,如果访问外部JS函数,只需复制代码代码如下: flash.external.ExternalInterface.call("JS中的函数名"); 这一句即可如果要JS访问Flash中的函数,需要用addCall
JS中setTimeout的巧妙用法前端函数节流

什么是函数节流? 函数节流简单的来说就是不想让该函数在很短的时间内连续被调用,比如我们最常见的是窗口缩放的时候,经常会执行一些其他的操作函数,比如发一个ajax请求等等事情,那么这时候窗口缩放的时候,有可能连续发多个请求,这并不是我们想要的,或者是说我们常见的鼠标移入移出tab切换效果,有时候连续且移动的很快的时候,会有闪烁的效果,这时候我们就可以使用函数节流来操作.大家都知道,DOM的操作会很消耗或影响性能的,如果是说在窗口缩放的时候,为元素绑定大量的dom操作的话,会引发大量的连续计算,比如
js中setTimeout()与clearTimeout()用法实例浅析

本文实例分析了js中setTimeout()与clearTimeout()用法.分享给大家供大家参考.具体分析如下: setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout. <input type = text id = aaa > <input type = button value = stop id = bb onclick = bb()> <scrip
JS中parseInt()和map()用法分析

本文实例讲述了JS中parseInt()和map()用法.分享给大家供大家参考,具体如下: parseInt()的几个例子 var b = parseInt("01"); alert("b="+b); var c = parseInt("09/08/2009"); alert("c="+c); 结果:b=1,c=0 parseInt()用来解析字符串,返回整数,有几个特点: 1.无视被解析字符串最前和最后的空格,即:"
浅谈js数组和splice的用法

首先添加一个splice函数: splice:该方法的作用就是从数组中删除一个元素 array.splice(index,count,value....); index:表示从哪一个下标开始, count:表示删除元素的个数 value:代表增加的元素 example: 1.var array = new Array(1,2,3,4,5,6); array.splice(0,1,2) result:2,2,3,4,5 2.var array = new Array(1,2,3,4,5,6); a