文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript中极易出错的操作符运算总结

2024-04-02 19:55

关注

算术运算符

+ - * / % ()

非正常情况1: 有特殊值字面量参与的运算


5/Infinity=0
5%Infinity=5
Infinity%5=NaN
Infinity+5=Infinity
Infinity / Infinity = NaN
Infinity - Infinity = NAN
Infinity % 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() 等方法,过程是暗中进行,这就是一个隐式转换的过程。

隐式转换

其他的数据类型会隐式转换为数字类型:

比较运算符

也叫作关系运算符。一个 比较运算符 comparison operator 比较它的操作数并返回一个布尔类型值。运算结果要么是true,要么是false。

>  大于

<  小于

>= 大于等于

<= 小于等于

== 相等,只判断值大小是否相等,不判断数据类型

!= 不等,与相等完全相反

===全等,不光判断值相等,还要判断数据类型相等

!==不全等,与全等于完全相反

非正常情况1: 特殊值参与比较运算


Infinity == Infinity ->True
Infinity === Infinity ->True
Infinity > Infinity ->False
Infinity >= 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,前面的小于后面的

比较时,不关心两个字符串的长度,从第一个字符开始比较,依次往后顺延比较,直到比较出大小,就不再往后比较

逻辑运算符

逻辑运算符常用于布尔类型值之间; 当操作数都是布尔值时,返回值也是布尔值

&&      逻辑与运算符且
||      逻辑或运算符
!       逻辑非运算符

非正常情况

隐式转换为布尔值的规律

当它们用于非布尔值的时候,返回值就可能是非布尔值。其实这种运算非常简单:

逻辑运算符运算顺序

综合运算顺序:非、与、或

赋值运算符

=   等于
+=  加等于
-=  减等于
*=  乘等于
/=  除等于
%=  取余等于
++  递加
--  递减

一元运算符

++ -- !

++ 或 -- 符号可以写在变量前和变量后面,位置不同可能导致程序运行结果不同

以 ++ 为例:

例1


var a = 3; 
var b = a++; 
var c = ++a;
console.log(a,b,c)

输出:

5 3 5

例2

输出:

运算优先级

优先级从高到底:

1. () 优先级最高

2. 一元运算符 ++ -- !

3. 算数运算符 先* / % 后 + -

4. 关系运算符 > >= < <=

5. 相等运算符 == != === !==

6. 逻辑运算符 先&& 后||

7. 赋值运算符


var a = 4; var num = 1 * (2 + 3) && a++ || 5 > 6 && 7 < 8 || !9; 
console.log(num)

输出:

4

总结

到此这篇关于JavaScript中极易出错的操作符运算总结的文章就介绍到这了,更多相关JavaScript操作符运算内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯