js中的运算符

刚入门js的时候需要记很多语法 大大小小的语法着实让人头大,接下来我们先了解一下一些基础操作符吧

一、一元操作符

只能操作一个值的操作符叫一元操作符
1.递增和递减操作符
i++,i--,值先递增(递减),后执行语句。
++i,--i,先值执行语句,后递增(递减)。

2.一元加和减操作符

一元加和减操作符主要用于基本的算术运算,也可以用于转换数据类型
一元加操作符以一个加号(+)表示,放在数值前面
应用于数值时,对数值不会产生任何影响
在对非数值应用一元加操作符时,该操作符会像Number()转型函数一样对这个值执行转换
布尔值会转换成0和1,字符串值会按照一组特殊的规则进行解析,而对象是先调用它们的valueOf()和(或)toString()方法,在转换得到的值。
一元减操作符(-)主要用于表示负数
应用与数值时,表示负数
应用于非数值时,一元减操作符与一元加操作符相同的规则,最后在将得到的数值转换为负数

二、位操作符

分类:

1.按位非(NOT)

按位操作符(~),执行按位非的结果就是返回数值的反码
按位非操作的本质:操作数的负值减1
例如:

var num1=25;//二进制0000 0000 0000 0000 0000 0000 0001 1001
var num2=~num1;//二进制1111 1111 1111 1111 1111 1111 1110 0110
alert(num2);//-26;
var num1=25;
var num2=-num1-1;
alert(num2);//"-26"
2.按位与(AND)

按位与操作符(&),它有两个操作数
按位与操作只有在两个数值的对应位都是1时才返回1,任何一位是0,结果都是0
按位与(&)

alert(result);//1
 25=0000 0000 0000 0000 0000 0000 0001 1001 
  3=0000 0000 0000 0000 0000 0000 0000 0011
 OR=0000 0000 0000 0000 0000 0000 0000 0001
3.按位或(|)

按位或操作符(|),它有两个操作数
按位或操作在有一位是1的情况下就返回1,而只有在两个位都是0的情况下才返回0

var result=25|3;
alert(result);//27
 25=0000 0000 0000 0000 0000 0000 0001 1001 
  3=0000 0000 0000 0000 0000 0000 0000 0011
 OR=0000 0000 0000 0000 0000 0000 0001 1011

按位异或(XOR)
按位异或符(^),它有两个操作数
两个数值对应位值不同,则返回1;否则返回0
//4.按位异或(^)

alert(result);//26
 25=0000 0000 0000 0000 0000 0000 0001 1001 
  3=0000 0000 0000 0000 0000 0000 0000 0011
XOR=0000 0000 0000 0000 0000 0000 0001 1010

三、布尔操作符

在一门编程语言中,布尔操作符非重要,有了它,流控制语句、循环语句才有作用

1.逻辑非(!)
逻辑非(!)可以应用于JavaScript中的任何值。无论这个值是什么类型,都将会返回一个布尔值
逻辑非操作符会先将它的操作数转换为一个布尔值,然后在对其求反
遵循下列规则

操作数是一个对象,则返回false
操作数是一个空字符串,返回true
操作符是一个非空字符串,返回flase
操作数是数值0,返回true
操作数是任意非0数值(包括Infinity),返回false
操作数是null,返回true
操作数是NaN,返回true
操作数是undefined,返回true

同时使用两个逻辑非操作符,实际上就会模拟Boolean()转型函数的行为。其中,第一个逻辑非操作会基于无论什么操作数返回一个布尔值,而第二个逻辑非操作则会对该布尔值取反,于是得到了这个值真正对应的布尔值。最终结果与对这个值使用Boolean()函数相同

alert(!false);//true
alert(!"blue");//false
alert(!0);//true
alert(!NaN);//true
alert(!"");//true
alert(!12345);//false

2.逻辑与(&&)
逻辑与操作符(&&),它有两个操作数
逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值
在有一个操作数不是布尔值的情况下。逻辑与操作就不一定返回布尔值
遵循下列规则

如果第一个操作数是对象,则返回第二个操作数
如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象
如果两个操作数都是对象,则返回第二个操作数
如果第一个操作数是null,则返回null
如果第一个操作数是NaN,则返回NaN
如果第一个操作数是undefined,则返回undefined

逻辑与操作属于短路操作。即第一个操作数能决定结果,那就不会在对第二个操作数求值
对于逻辑与操作而言,如果第一个操作数是false,则不会继续对第二个操作数求值
不能在逻辑与操作中使用未定义的值

var found=true;
var result=(found&&someUndefinedVar);//发生错误
alert(result);//这一行不会执行
var found=false;
var result=(found&&someUndefinedVar);
alert(result);//false
//第一个操作数的值是false,不会再对第二个操作数求值。所以即使someUndefinedVar没有定义,警告框也会显示出来

3.逻辑或(||)
逻辑或操作符(||),它有两个操作数
两个操作数都为false,返回false;否则返回true
遵循下列规则

如果第一个操作数是对象,则返回第一个操作对象
如果第一个操作数的求值结果是false,则返回第二个操作数
如果两个操作数都是对象,则返回第一个操作数
如果两个操作数都是null,则返回null
如果两个数都是NaN,则返回NaN
如果两个数都是undefined,则返回undefined
与逻辑与操作相似,逻辑或操作符也是短路操作符 。如果第一个操作数的求值结果是true,就不会对第二个操作数求值
可以利用逻辑或来避免为变量赋值null或undefined值

var found=true;
var result=(found||someUndefinedVar);//不会发生错误
alert(result);//true
//变量found值是true,不会对someUndefinedVar进行求值

四、乘性操作符

1.乘法*
乘法操作符*,用于计算两个数值的乘积
在处理特殊值时,遵循下列规则

如果操作数都是数值,执行常规的乘法计算。如果乘积超过了JavaScript数值的表示范围,则返回Infinity或-Infinity
如果一个操作数是NaN,则结果是NaN
如果Infinity与0相乘,则结果是NaN
如果Infinity与非0数值相乘,则结果是Infinity或-Infinity,取决于有符号操作数的符号
如果有一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的规则

var result=4*5;//20

2.除法(/)
除法操作符(/),执行第二个操作数除以第一个操作数的计算
在处理特殊值时,遵循下列规则

如果操作数都是数值,执行常规的除法计算。如果商超过了JavaScript数值的表示范围,则返回Infinity或-Infinity
如果一个操作数是NaN,则结果是NaN
如果是Infinity被Infinity除,则结果是NaN
如果是零被零除,则结果是NaN
如果是非零的有限数被零除,则结果是Infinity或-Infinity,取决于有符号操作数的符号
如果是Infinity被任何非零数值除,则结果是Infinity或-Infinity,取决于有符号操作数的符号
如果有一个操作数不是数值,则在后台调用Number()将其转换为数值,然后应用上面的规则

var result=66/11;//6

1
3.求模(%)
求模(余数)操作符(%)
在处理特殊值时,遵循下列规则

如果操作数都是数值,执行常规的除法计算,返回除得的余数
如果被除数是无穷大值而除数是有限大的数值,则结果是NaN
如果被除数是有限大的数值而除数是零,则结果是NaN
如果是Infinity被Infinity除,则结果是NaN
如果被除数是有限大的数值而除数是无穷大的数值,则结果是被除数
如果被除数是零,则结果是零
如果有一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的规则

var result=26%5;//1

1

五、加性操作符

1.加法(+)
如果两个操作符都是数值,则执行常规的加法计算
遵循下列规则

如果有一个操作数是NaN,则结果是NaN
如果是Infinity加Infinity,则结果是Infinity
如果是-Infinity加-Infinity,则结果是-Infinity
如果是Infinity加-Infinity,则结果是NaN
如果是+0加+0,则结果是+0
如果是-0加-0,则结果是-0
如果是+0加-0,则结果是+0
如果两个操作数都是字符串,则将第二个操作数与第一个操作数拼接起来
如果只有一个操作数是字符串,则将另一个操作数转换为字符串,然后再将两个字符串拼接起来

var result1=5+5;//两个数值相加
alert(result1);//10
var result2=5+"5";//一个数值和一个字符串相加
alert(result2);//"55"

var num1=5;
var num2=10;
var message="The sum of 5 and 10 is "+num1+num2;
alert(message);//"The sum of 5 and 10 is 510"

2.减法(-)
遵循下列规则

如果两个操作数都是数值,则执行常规的算术减法操作并返回结果
如果一个操作数是NaN,则结果是NaN
如果是Infinity减Infinity,则结果是NaN
如果是-Infinity减-Infinity,则结果是NaN
如果是Infinity减-Infinity,则结果是Infinity
如果是-Infinity减Infinity,则结果是-Infinity
如果是+0减+0,则结果是+0
如果是-0减+0,则结果是-0
如果是-0减-0,则结果是+0
如果有一个操作数是字符串、布尔值、null或undefined,则先在后台调用Number()函数将其转换为数值,然后再根据前面的规则执行减法计算。如果转换的结果是NaN,则减法的结果就是NaN
如果有一个操作数是对象,则调用对象的valueOf()方法以取得表示该对象 的数值。如果得到的值是NaN,则减法的结果就是NaN。如果对象没有valueOf()方法,则调用其toString()方法并将得到的字符串转换为数值

var result1=5-true;//4
var result2=NaN-1;//NaN
var result3=5-3;//2
var result4=5-"";//5
var result=5-"2";//3
var result=5-null;//5

六、相等操作符

1.相等和不相等(==)
相等操作符(==),如果两个操作数相等,则返回true
不相等操作符(!=),如果两个操作数不相等,则返回true
这两个操作符都会先转换操作数(强制转型),然后再比较它们的相等性
转换不同经数据类型时,遵循下列规则
如果一个操作数是布尔值,则在比较相等性之前先将其转换为数值——false转换 为0,true转换为1
如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值
如果一个操作数是对象,另一个操作数不是,则调用对象的valueOf()方法,用得到的基本类型值按照前面的规则进行比较
这两个操作符进行比较时,遵循下列规则

null和undefined是相等的
要比较相等性之前,不能将null和undefined转换成其它任何值
如果一个操作数是NaN,则相等操作符返回false,而不相等操作符返回true(即使两个操作数都是NaN,相等操作符返回false,因为按照规则,NaN不等于NaN)
如果两个操作数都是对象,则比较它们是不是同一个对象。如果两个操作数都指向同一个对象,则相等操作符返回true;否则,返回false

表达式 值   表达式 值
null==undefined //true  
true==1 //true
"NaN"==NaN  //false 
true==2 //false
5==NaN  //false 
undefined==0    //false
NaN==NaN    //false 
null==0 //false 

2.全等和不全等(===)
比较不转换操作数,全等和不全等操作符相同
全等操作符(===),只在两个操作数未经转换就相等的情况下返回true
不全等操作符(!==),在两个操作数未经转换就不相等的情况下返回true
null==undeifned会返回true,因为它们是类似的值;但null===undefined会返回false,因为它们是不同类型的值
var result1=("55"==55);//true,转换后相等
var result2=("55"===55);//false,不转换,字符串不等于数值

七、条件操作符

1.相关概念
条件操作符非常灵活,即 三元运算符
表达式?true:false;

var max=(num1>num2)?num1:num2;
//如果num1>num2(关系表达式返回true),则将num1的值赋给max;如果num1小于或等于num2(关系表达式返回false),则将num2的值赋给max

这些就是我所了解到的操作符,欢迎大家补充

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • 表达式 表达式是由数字、运算符、数字分组符号(如括号)、自由变量和约束变量等以能求得数值的有意义排列方法所得的组合...
    劼哥stone阅读 557评论 0 4
  • 操作符 一元操作符 只能操作一个值的操作符叫做一元操作符。 有递增(++)和递减(--)操作符,有两个版本: 前置...
    YM雨蒙阅读 810评论 3 8
  • 本文章版权归饥人谷_Lyndon和饥人谷所有,转载请注明出处。 运算符是数据处理的基础,能够从现有数据中获得新的数...
    HungerLyndon阅读 769评论 0 1
  • 在JS中,运算符主要是用以连接简单表达式,组成复杂表达式,比如下面就是一个简单的加号运算符组成的表达式;a + b...
    大春春阅读 1,086评论 0 1
  • 本章内容 语法 数据类型 流控制语句 理解函数 3.1 语法 3.1.1 区分大小写 区分大小写 3.1.2 标识...
    闷油瓶小张阅读 710评论 0 0