JavaScript中有哪些极易出错的操作符运算
本篇文章给大家分享的是有关JavaScript中有哪些极易出错的操作符运算,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
算术运算符
+ - * / % ()
非正常情况1: 有特殊值字面量参与的运算
NaN参与的运算:得到的结果都是NaN
Infinity参与的运算,视情况而定, 比如:
5/Infinity=05%Infinity=5Infinity%5=NaNInfinity+5=InfinityInfinity / Infinity = NaNInfinity - Infinity = NANInfinity % Infinity = NAN
工作中并不会使用特殊值运算,没有实际应用的意义,但是要了解,以防面试遇到
非正常情况2: 其他类型的数据参与数学运算。
有字符串参与的 + 运算(包括只有符号一边有字符的情况):+ 号变为连字符将前后连接成整体字符串。
例如:
var a = 3 - "36" % 5 + "2" - 2 console.log(a) var b = "36" % 5 console.log(b) var c = 3 - "36" % 5 + "2" console.log(c)
输出:
20
1
22
隐式转换:除了字符串参与的 + 运算,其他情况下,所有其他数据类型参与数学运算时,计算机暗中将其他数据类型先自动转换成数字类型,再参与运算,这个过程中不需要使用parseInt()、Number() 等方法,过程是暗中进行,这就是一个隐式转换的过程。
隐式转换
其他的数据类型会隐式转换为数字类型:
对应数字:纯数字字符串会转为对应的数字”123”→123
转换为1: true
转换为0:false、null、 “”空字符串、空白字符串
转换为NaN:undefined、非空非纯数字字符串
比较运算符
也叫作关系运算符。一个 比较运算符 comparison operator 比较它的操作数并返回一个布尔类型值。运算结果要么是true,要么是false。
> 大于
< 小于
>= 大于等于
<= 小于等于
== 相等,只判断值大小是否相等,不判断数据类型
!= 不等,与相等完全相反
===全等,不光判断值相等,还要判断数据类型相等
!==不全等,与全等于完全相反
非正常情况1: 特殊值参与比较运算
NaN参与:不等于和不全等于结果是 true,其他的都得到 false
Infinity参与的运算,视情况而定, 比如:
Infinity == Infinity ->TrueInfinity === Infinity ->TrueInfinity > Infinity ->FalseInfinity >= Infinity ->True
非正常情况2: 其他数据类型参与比较运算(排除字符串与字符串的比较
其他数据类型也会隐式转换为数字参与比较。
“123”→123 true→1 false→0 null→0 undefined→NaN “”→0 “abc”→NaN
null 的判断比较特殊:null 与 0 判断时,相等判断为 false,>= 和 <= 判断为 true
null == undefined -> True
非正常情况3: 字符串与字符串比较
不会发生隐式转换为数字,而是比较两个字符串的 Unicode 编码顺序
字符编码顺序:从前往后 0-9,A-Z,a-z,前面的小于后面的
比较时,不关心两个字符串的长度,从第一个字符开始比较,依次往后顺延比较,直到比较出大小,就不再往后比较
逻辑运算符
逻辑运算符常用于布尔类型值之间; 当操作数都是布尔值时,返回值也是布尔值
&& 逻辑与运算符且
|| 逻辑或运算符
! 逻辑非运算符
非正常情况
除了布尔类型的值之外,其他数据类型的值也可以参与逻辑运算。运算过程中需要将操作数隐式转换为布尔类型的值,参与判断计算,最终运算结果还是原来的某个位置的数据.
并不是所有逻辑运算返回结果都是布尔值,其他数据参与得到的就是数据本身
隐式转换为布尔值的规律
转为false:NaN、0、 “”空字符串、null、undefined
转为true:非0 非NaN数字、非空字符串
当它们用于非布尔值的时候,返回值就可能是非布尔值。其实这种运算非常简单:
(逻辑与 a && b ) 如果a能被转换为false,那么返回a;否则,返回b
(逻辑或 a || b ) 如果a能被转换为true,那么返回a;否则,返回b
逻辑运算符运算顺序
综合运算顺序:非、与、或
赋值运算符
= 等于
+= 加等于
-= 减等于
*= 乘等于
/= 除等于
%= 取余等于
++ 递加
-- 递减
一元运算符
++ -- !
++ 或 -- 符号可以写在变量前和变量后面,位置不同可能导致程序运行结果不同
以 ++ 为例:
a++: ++ 符号在变量之后,a++ 在参与程序过程中使用的原始没有加 1 的值,使用完后第二次用 a 变量时,a 用的就是加 1 后的新值。先参与,后自加.
++a:++ 符号在变量之前,++a 在参与过程中整体就使用 a 加 1 之后的新值,使用完后第二次用 a 变量时,a 用的也是加 1 的新值。先自加,后参与
例1
var a = 3; var b = a++; var c = ++a;console.log(a,b,c)
输出:
5 3 5
例2
输出:
运算优先级
优先级从高到底:
() 优先级最高
一元运算符 ++ -- !
算数运算符 先* / % 后 + -
关系运算符 > >= < <=
相等运算符 == != === !==
逻辑运算符 先&& 后||
赋值运算符
例
var a = 4; var num = 1 * (2 + 3) && a++ || 5 > 6 && 7 < 8 || !9; console.log(num)
输出:
4
以上就是JavaScript中有哪些极易出错的操作符运算,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341