一、算数运算符

  1、加法(+)

    表示操作数相加;

     处理特殊值规则:

    •  如果两个操作数都是字符串,则将第二个操作数与第一个操作数拼接起来;
    • 如果只有一个操作数是字符串,则将另一个操作数转换为字符串,然后再将两个字符串拼接起来。
    • 如果有一个操作数是对象、数值或布尔值,则调用它们的 toString()方法取得相应的字符串值,然后再应用前面关于字符串的规则。
    • 对于 undefined 和 null,则分别调用 String()函数并取得字符串"undefined"和"null"。

  2、减法(-)

     表示操作数相减;

    处理特殊值规则:

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

  3、乘法(*)

    表示两个数的乘积;

    处理特殊值的规则:

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

  4、除法(/)

    表示第二个操作数除第一个操作数。

   处理特殊值的规则:

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

  5、求模(%)

      该操作符表示求余数。

     处理特殊值的规则:

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

二、一元运算符

  1、自加(++):自身加1

    前置++:++变量名;参与运算时,先自身加1,再参与运算。

    后置++:变量名++;参与运算时,自身先参与运算,然后再自身加1。

  2、自减(- -):自身减1

    前置 --:- -变量名;参与运算时,先自身减1,再参与运算;

    后置 --:变量名- -;参与运算时,先自身参与运算,然后再自身减1;

  注意:操作符对任何值都适用,也就是它们不仅适用于整数,还可以用于字符串、布尔值、浮点数值和对象。在应用于非整数的时候,先把对象的类型转化为整数再进行计算。

三、逻辑运算符

  1、逻辑与(&&)

    真值表:

第一个操作数 第二个操作数 结果
true   true true
true false false
false true false
false false false

      分为两种情况:

第一种: 当表达式全为真的时候。 返回最后一个表达式的值。
第二种: 当表达式中, 有一个为假的时候。 返回第一个为假的表达式的值

    逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时,它遵循下列规则:

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

   注意:逻辑与存在短路运算,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。

      对于逻辑与操作而言,如果第一个操作数是 false,则无论第二个操作数是什么值,结果都不再可能是true 了。

  2、逻辑或(||)

    真值表:

第一个操作数 第二个操作数 结果
true true true
true false true
false true true
false false false

   分两种情况:

第一种情况: 当表达式全为假时, 返回最后一个表达式的值
第二种情况: 只要有一个表达式为真。 就会把回第一个为真的表达式的值

   与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它遵循下列规则:

    •  如果第一个操作数是对象,则返回第一个操作数;
    • 如果第一个操作数的求值结果为 false,则返回第二个操作数;
    • 如果两个操作数都是对象,则返回第一个操作数'
    • 如果两个操作数都是 null,则返回 null;
    • 如果两个操作数都是 NaN,则返回 NaN ;
    • 如果两个操作数都是 undefined,则返回 undefined;

   注意:与逻辑与操作符相似,逻辑或操作符也是短路操作符。也就是说,如果第一个操作数的求值结果为true,就不会对第二个操作数求值了。

  3、逻辑非( ! )

    无论这个值是什么数据类型,这个操作符都会返回一个布尔值。

    逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。

    规则:对 true 取反为 false,对 false 取反为 true。

  注意:对于 0、null、undefined、""(空串) 都认为是 false。

四、关系运算符(比较运算符)

  1、相等操作符

    相等操作符由两个等于号( ==)表示,如果两个操作数相等,则返回 true。

    不相等操作符由叹号后跟等于号( !=)表示,如果两个操作数不相等,则返回 true。

    注意:比较的是两个值是否相等。

    处理特殊值规则:

    •   如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值;
    • null 和 undefined 是相等的。
    • 要比较相等性之前,不能将 null 和 undefined 转换成其他任何值。
    • 如果两个操作数都是对象,则比较它们是不是同一个对象。如果两个操作数都指向同一个对象,则相等操作符返回 true;否则,返回 false。
      注意:NaN 与任何都不相等,包括它自身。      

  2、全等与不全等

    全等操作符由3个等号(===)表示,它只在两个操作数未经转换就相等的情况下返回 true ;

    不全等操作符由 (!==)表示,它在两个操作数未经转换就不相等的情况下返回 true。

    注意:全等和不全等即比较类型也比较值。

    Tips: null == undefined 会返回 true,因为它们是类似的值;但 null === undefined 会返回 false,因为它们是不同类型的值。

  3、关系操作符

    小于(<)、大于(>)、小于等于(<=)和大于等于(>=)  这几个关系运算符对两个值进行比较,都返回一个布尔值。

   处理特殊值规则:

    •   如果两个操作数都是数值,则执行数值比较。
    • 如果两个操作数都是字符串,则比较两个字符串对应的字符编码值。
    • 如果一个操作数是数值,则将另一个操作数转换为一个数值,然后执行数值比较 。
    • 如果一个操作数是对象,则调用这个对象的 valueOf()方法,用得到的结果按照前面的规则执行比较。如果对象没有 valueOf()方法,则调用 toString()方法,并用得到的结果根据前面的规则执行比较。
    • 如果一个操作数是布尔值,则先将其转换为数值,然后再执行比较。

五、赋值运算符

   简单的赋值操作符由等于号( =)表示,其作用就是把右侧的值赋给左侧的变量;

    如果在等于号( =)前面再添加乘性操作符、加性操作符或位操作符,就可以完成复合赋值操作。
    这种复合赋值操作相当于是对下面常规表达式的简写形式:

    Demo:

var num = 10;
num = num + 10; // 等价于 num += 10;

    其他的复合赋值操作符还有:*=、/=、%=、+=、-=。

六、条件操作符(三元运算符)

   语法格式:

表达式? value1 : value2;

    如果表达式值为 true,取 value1的值;如果表达式为 false ,取 value2 的值。(等价于 if...else 语句)

七、运算符的优先级

  优先级从高到低

    1、 () 优先级最高
    2、 一元运算符 ++ -- !
    3、 算数运算符 先* / % 后 + -
    4、 关系运算符 > >= < <=
    5、 相等运算符 == != === !==
    6、 逻辑运算符 先&& 后||
    7、 赋值运算符

    

JavaScript 运算符(Operator)的更多相关文章

  1. javascript运算符语法概述

    × 目录 [1]个数 [2]优先级 [3]结合性[4]类型[5]规则表 前面的话 javascript中的运算符大多由标点符号表示,少数由关键字表示,它们的语法言简意赅,它们的数量却着实不少.运算符始 ...

  2. JavaScript运算符优先级引起的bug

    [下面是昨天发给同事的邮件,为防止泄露商业机密,隐去了项目名和变量名] ==================================================== 昨天发现Nx代码中的一 ...

  3. JavaScript 运算符

    JavaScript 运算符 JavaScript 运算符用于赋值,比较值,执行算术运算等. JavaScript 算术运算符 算术运算符用于执行两个变量或值的运算. 赋值 y = 5, 以下表格将向 ...

  4. JavaScript运算符

    JavaScript运算符 1.算数运算符 设定a = 5. 运算符 描述 例子 结果 + 加 b=a+2 b=7 - 减 b=a-2 b=3 * 乘 b=a*2 b=10 / 除 b=a/2 b=2 ...

  5. JavaScript运算符有哪些

    JavaScript中的运算符有很多,主要分为算术运算符,等同全同运算符,比较运算符,字符串运算符,逻辑运算符,赋值运算符等.这些运算符都有一些属于自己的运算规则,下面就为大家介绍一下JavaScri ...

  6. javascript 运算符优先级

    JavaScript 运算符优先级(从高到低) https://github.com/xhlwill/blog/issues/16 今天把js函数转换为python 函数时,发现在js运算符优先级这边 ...

  7. JavaScript运算符:递增递减运算符前置和后置的区别

    从两段代码说起 var num1 = 2; var num2 = 20; var num3 = --num1 + num2; var num4 = num1 + num2; console.log(n ...

  8. java基础59 JavaScript运算符与控制流程语句(网页知识)

    1.JavaScript运算符 1.1.加减乘除法 加法:+(加法,连接符,正数)          true是1,false是0    减法:-    乘法:*    除法:/ 1.2.比较运算符 ...

  9. JavaScript运算符:递增和递减(++i,--i 和 i++,i-- 的区别)

    递增和递减操作符直接借鉴自C,而且各有两个版本:前置型 (递增 ++i ,递减 --i )和 后置型 (递增 i++ ,递减 i-- ).书本上对两者的定义是:前置型应该位于要操作的变量之前,而后置型 ...

  10. javaScript运算符学习笔记

    1.赋值运算符 javaScript运算符可以分为简单赋值和复合赋值运算.简单赋值运算是将赋值运算符(=)右边的表达式的值保存到赋值运算符左边的变量中,复合赋值运算则是混合了其他操作(算术运算操作,位 ...

随机推荐

  1. Gartner:2019 年 iPaaS 魔力象限

    http://www.199it.com/archives/869090.html 企业iPaaS产品支持越来越更广泛的使用场合,正迅速被企业采用以实现混合集成平台策略.这份魔力象限评估了17家供应商 ...

  2. DFS_BFS(深度优先搜索 和 广度优先搜索)

    package com.rao.graph; import java.util.LinkedList; /** * @author Srao * @className BFS_DFS * @date ...

  3. uniapp增加百度统计代码(h5)

    做了个微信公众号文章互相阅读的h5界面,http://mptask.wintp.top/(只能微信浏览器打开),其中用到了统计代码,记录如下. 1.新建 tj.html 界面 可放置在项目的根目录,文 ...

  4. iview form表单数值类型校验「iview自定义form表单校验器」

    摘录iview表单验证 Form 组件基于 sync-validator 实现的数据验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可. ...

  5. redis使用摘要

    一.redis使用: 在下载安装好redis后,pycharm内也需要安装redis工具包.cmd窗口运行pip install redis后才可在pycharm 内导入import redis来使用 ...

  6. p1842 奶牛玩杂技 题解

    感觉其他dalao讲的不是很明白啊,我这样的蒟蒻看不懂啊. 在luogu这个dalao遍地的地方我蒟蒻看个题解也不明白,我为跟我同病相怜的蒟蒻写一篇吧 其实真是不太明白,大部分题解都是只说 体重大的在 ...

  7. 2018-2019-2 网络对抗技术 20165318 Exp7 网络欺诈防范

    2018-2019-2 网络对抗技术 20165318 Exp7 网络欺诈防范 原理与实践说明 实践目标 实践内容概述 基础问题回答 实践过程记录 简单应用SET工具建立冒名网站 ettercap D ...

  8. windows下Apache2.4配置php的解析运行

    1.安装php7 2.安装apache2.4 3.找到apache2.4的httpd.conf文件,配置好apache,然后通过httpd.exe -k install -n "servic ...

  9. ESRally压测ElasticSearch性能 CentOS 7.5 安装 Python3.7

    1,CentOS 7.5 安装 Python3.7 1.安装开发者工具 yum -y groupinstall "Development Tools"2.安装Python编译依赖包 ...

  10. Angular Material

    Angular Material 的设计之美   Ng-Matero 0.3 已发布,新增 module schematic 以及 page schematic,详见 README 前言 Angula ...