JavaScript之基础-4 JavaScript 运算符、表达式
2016-03-24 17:57
696 查看
一、JavaScript 运算符
运算符 - 算数运算 + - * / % ++ -- - 关系运算 > < >= <= == === != !== - 逻辑运算 && || ! - 位运算 & | ~ ^ << >> >>> - 赋值运算 = += -= *= /= %= - 字符连接运算 + - 条件(三目)运算 ?: - 特殊运算符 typeof instanceof void delete
1、算数运算
算数运算符 - 加(+)、减(-)、乘(*)、除(/)、求余(%) - -可以表示减号,也可以表示负号,如: x=-y - +可以表示加法,也可以用于字符串连接
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/cd3f6ea8f8e92dd61abeeb4d3ba805ff.png)
使用%运算符
- %表示求余运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/1d0842a2c10ce522987740fe7c99c344.png)
使用"++"和"--"运算符
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/300dc696b97510b4c6004e70717afab9.png)
2、关系运算
使用关系运算符
- 关系运算用于判断数据之间的大小关系
- ">"(大于),"<"(小于),">=" (大于等于),"<="(小于等于),"=="(等于),"!="(不等于)
- 关系表达式的值为boolean类型("true"或"false")
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/78fab3a4730fc38722d251ed78a0c23d.png)
- 全等: === - 类型相同 - 数值相同 - 不全等: !==
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/cb4336283d8ab14854682bf047db43ed.png)
isNaN 函数 - isNaN() - 用于判断其参数是否为一个"非数字(NaN)"值
- 如果把NaN与任何值(包括其自身)相比得到的结果均是false,所以要判断某个值是否是NaN,不能使用==或者===运算符,这种情况下,只能使用isNaN()函数
- 通常用于检测类型转换函数的运算结果,以判断它们表示的是否是合法的数字
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/491bc17d77c7de618aa7debb2ce48255.png)
3、逻辑运算
逻辑运算
- 逻辑与(&&)、逻辑或(||)、逻辑非(!)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/ba940b05a21b92bb5539ea93a822d59a.png)
逻辑与(&&)运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/916ccbc45c1cdae161ed1797e7aaa36d.png)
逻辑或(||)运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/3dbd466a8df8dc0b181e45f5d030cd2f.png)
逻辑非(!)运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/d9263ce9a918a4ed429892e1564ac910.png)
关于"短路逻辑"的问题
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/f5d9af925dbf43a9e2743635ee0b4263.png)
4、位运算
位运算
- 位运算,是将数字以二进制形式进行运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/e42b95f2da711c71affeb98c027c05ec.png)
5、赋值运算
使用"="进行赋值运算 - "=" 用于为变量赋值
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/b62a71f58a456aefc3474d0571ca059d.png)
使用扩展赋值表达式
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/be069b15657853051c166d7a678910d3.png)
6、字符连接运算
使用"+"进行字符串连接
- "+"作用于两个数字时,表示算数运算
- "+"作用于字符串时,表示字符串拼接运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/a4502abf481f530837704c33ef4e68dd.png)
7、条件(三目)运算
使用条件(三目)运算符
- 三目运算符(?:)-----需要对三个表达式进行运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/0be26947d335b9cc68224ae9b5a5de04.png)
其中表达式1的值应该是boolean类型,表达的含义:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/dd0a82d5c72094ad51f0050e22c9c4b8.png)
使用条件(三目)运算符 - 条件运算表达式中,每个表达式可以又是一个条件运算表达式,称为条件运算的嵌套
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/25f307d63bb2c86f92ddfcc5b8ea3107.png)
总结:本章内容主要介绍了 JavaScript 运算符、表达式
运算符 - 算数运算 + - * / % ++ -- - 关系运算 > < >= <= == === != !== - 逻辑运算 && || ! - 位运算 & | ~ ^ << >> >>> - 赋值运算 = += -= *= /= %= - 字符连接运算 + - 条件(三目)运算 ?: - 特殊运算符 typeof instanceof void delete
1、算数运算
算数运算符 - 加(+)、减(-)、乘(*)、除(/)、求余(%) - -可以表示减号,也可以表示负号,如: x=-y - +可以表示加法,也可以用于字符串连接
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/cd3f6ea8f8e92dd61abeeb4d3ba805ff.png)
使用%运算符
- %表示求余运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/1d0842a2c10ce522987740fe7c99c344.png)
使用"++"和"--"运算符
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/300dc696b97510b4c6004e70717afab9.png)
2、关系运算
使用关系运算符
- 关系运算用于判断数据之间的大小关系
- ">"(大于),"<"(小于),">=" (大于等于),"<="(小于等于),"=="(等于),"!="(不等于)
- 关系表达式的值为boolean类型("true"或"false")
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/78fab3a4730fc38722d251ed78a0c23d.png)
- 全等: === - 类型相同 - 数值相同 - 不全等: !==
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/cb4336283d8ab14854682bf047db43ed.png)
isNaN 函数 - isNaN() - 用于判断其参数是否为一个"非数字(NaN)"值
- 如果把NaN与任何值(包括其自身)相比得到的结果均是false,所以要判断某个值是否是NaN,不能使用==或者===运算符,这种情况下,只能使用isNaN()函数
- 通常用于检测类型转换函数的运算结果,以判断它们表示的是否是合法的数字
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/491bc17d77c7de618aa7debb2ce48255.png)
3、逻辑运算
逻辑运算
- 逻辑与(&&)、逻辑或(||)、逻辑非(!)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/ba940b05a21b92bb5539ea93a822d59a.png)
逻辑与(&&)运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/916ccbc45c1cdae161ed1797e7aaa36d.png)
逻辑或(||)运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/3dbd466a8df8dc0b181e45f5d030cd2f.png)
逻辑非(!)运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/d9263ce9a918a4ed429892e1564ac910.png)
关于"短路逻辑"的问题
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/f5d9af925dbf43a9e2743635ee0b4263.png)
4、位运算
位运算
- 位运算,是将数字以二进制形式进行运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/e42b95f2da711c71affeb98c027c05ec.png)
5、赋值运算
使用"="进行赋值运算 - "=" 用于为变量赋值
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/b62a71f58a456aefc3474d0571ca059d.png)
使用扩展赋值表达式
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/be069b15657853051c166d7a678910d3.png)
6、字符连接运算
使用"+"进行字符串连接
- "+"作用于两个数字时,表示算数运算
- "+"作用于字符串时,表示字符串拼接运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/a4502abf481f530837704c33ef4e68dd.png)
7、条件(三目)运算
使用条件(三目)运算符
- 三目运算符(?:)-----需要对三个表达式进行运算
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/0be26947d335b9cc68224ae9b5a5de04.png)
其中表达式1的值应该是boolean类型,表达的含义:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/dd0a82d5c72094ad51f0050e22c9c4b8.png)
使用条件(三目)运算符 - 条件运算表达式中,每个表达式可以又是一个条件运算表达式,称为条件运算的嵌套
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/23/25f307d63bb2c86f92ddfcc5b8ea3107.png)
总结:本章内容主要介绍了 JavaScript 运算符、表达式
相关文章推荐
- 数据库链接字符串查询网站
- Flex字符串比较 还有Flex字符串操作
- Ruby中创建字符串的一些技巧小结
- ASP下经常用的字符串等函数参考资料
- 将字符串小写转大写并延时输出的批处理代码
- 将字符串转换成System.Drawing.Color类型的方法
- Lua学习笔记之运算符和表达式
- Lua源码中字符串类型的实现
- Lua性能优化技巧(四):关于字符串
- Lua教程(三):表达式和语句
- 字符串聚合函数(去除重复值)
- Ruby中的字符串编写示例
- Lua基础教程之赋值语句、表达式、流程控制、函数学习笔记
- 总结的5个C#字符串操作方法分享
- sqlserver中求字符串中汉字的个数的sql语句
- sql server字符串非空判断实现方法
- VBS的字符串及日期操作相关函数
- C#实现将千分位字符串转换成数字的方法
- jquery 删除字符串最后一个字符的方法解析
- Ruby中case表达式详解