为了账号安全,请及时绑定邮箱和手机立即绑定

05-JavaScript基础-算数运算符

标签:
JavaScript

运算符基本概念

  • 运算符是告诉程序执行特定算术或逻辑操作的符号。

    • 例如告诉程序, 某两个数相加, 相减等

运算符分类

  • 按照功能划分:

    • 算术运算符

    • 位运算符

    • 关系运算符与逻辑运算符

  • 运算符根据参与运算的操作数的个数分为

    • 三目运算也称为问号表达式 a>b ? 1 : 0;

    • 双目运算:有两个操作数 如 : a+b;

    • 单目运算:只有一个操作数 如 : i++ !

    • 单目运算

    • 双目运算

    • 三目运算


运算符的优先级和结合性

  • 优先级

    • JavaScript中,运算符的运算优先级共分为15 级。1 级最高,15 级最低。

    • 在表达式中,优先级较高的先于优先级较低的进行运算。

    • 在一个运算量两侧的运算符优先级相同时,则按运算符的结合性所规定的结合方向处理

运算符描述
()表达式分组
++ -- - ~ !一元运算符
* / %乘法、除法、取模
+ - +加法、减法、字符串连接
<< >> >>>移位
< <= > >=小于、小于等于、大于、大于等于
== != === !==等于、不等于、严格相等、非严格相等
&按位与
^按位异或
|按位或
&&逻辑与
||逻辑或
?:条件
= += -= *= /= %=赋值运算
,多重求值
  • 江哥提示:一般情况下不需要死记硬背优先级, 只需要记住()优先级最高即可

  • 结合性

    • 算术运算符的结合性是自左至右,即先左后右

    • 而自右至左的结合方向称为“右结合性”。

    • JavaScript中各运算符的结合性分为两种,即左结合性(自左至右)和右结合性(自右至左)。

      例如表达式: x - y + z;
      则y 应先与“-”号结合,执行 x-y 运算,然后再执行+z 的运算。
      这种自左至右的结合 方向就称为“左结合性”。
        最典型的右结合 性运算符是赋值运算符
        例如:如x = y = z = 10;
        由于“=”的 右结合性,应先执行z = 10; 再执行y = z 再执行x = y运算。
  • 优先级

    • 先计算优先级高的

        var res = 2 + 3 * 8;
        先算3 * 8, 再加上 2
    • 优先级相同则左结合计算

      3*5/3*2
      先算3*5,然后再算除3,最后再乘以2

算术运算符

名称符号说明
加法运算符+对两个值进行加法运算,并将结果返回
减法运算符-对两个值进行减法运算,并将结果返回
乘法运算符*对两个值进行乘法运算,并将结果返回
除法运算符/对两个值进行除法运算,并将结果返回
求余运算符 (模运算符)%对两个值进行取余运算,并将结果返回
  • 加法运算

    • 格式: Number1 + Number2;

      var res = 1 + 1;console.log(res); // 2var num1 = 10;var num2 = 20;var res2 = num1 + num2;console.log(res2); // 30
    • 非Number类型的值进行运算时,会将这些值转换为Number然后在运算

      var result = true + 1;console.log(result); // 2result = true + false;console.log(result); // 1result = 2 + null; 
      console.log(result);// 2
    • 任何值和NaN做运算都得NaN

      var result = 2 + NaN;console.log(result); //NaN
    • 任何的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串的操作

      var result = 1 + "123";console.log(result); // 1123result = 2 + "true";console.log(result); // 2true
  • 减法运算

    • 非Number类型的值进行运算时,会将这些值转换为Number然后在运算

    • 格式: Number1 - Number2;

      var res = 1 - 1;console.log(res); // 0var num1 = 10;var num2 = 20;var res2 = num1 - num2;console.log(res2); // -10
      var result = true - 1;console.log(result); // 0result = true - false;console.log(result); // 1result = 2 - null;console.log(result);// 2
    • 任何值和NaN做运算都得NaN

      var result = 2 - NaN;console.log(result); //NaN
    • 字符串做减法也会转换为Number

      var result = 2 - "1";console.log(result); // 1result = "2" - "1";console.log(result); // 1
  • 乘法运算

    • 其它规律和减法一样

    • 非Number类型的值进行运算时,会将这些值转换为Number然后在运算

    • 任何值和NaN做运算都得NaN

    • 字符串做乘法也会转换为Number

    • 格式: Number1 * Number2;

      var res = 2 * 2;console.log(res); // 4var num1 = 10;var num2 = 20;var res2 = num1 * num2;console.log(res2); // 200
  • 除法运算

    • 其它规律和减法一样

    • 非Number类型的值进行运算时,会将这些值转换为Number然后在运算

    • 任何值和NaN做运算都得NaN

    • 字符串做除法也会转换为Number

    • 格式: Number1 / Number2;

      var res = 2 / 2;console.log(res); // 1var num1 = 10;var num2 = 20;var res2 = num1 / num2;console.log(res2); // 0.5
  • 取余运算

    • 规律

      var result = 10 % 0;console.log(result); // NaNresult = 0 % 10;console.log(result); // 0result = 2 % 10;console.log(result); // 2
    • 其它规律和减法一样

    • n等于0 返回NaN

    • m等于0 结果为0

    • m>n 正常求余 如:8%3 = 2

    • m<n 结果是m 如:2%4 = 2

    • 非Number类型的值进行运算时,会将这些值转换为Number然后在运算

    • 任何值和NaN做运算都得NaN

    • 字符串做取余也会转换为Number

    • 格式: Number1 % Number2;

    • m%n 求余,相当于m/n 获取余数

      var res = 10 % 3;console.log(res); // 1var num1 = 10;var num2 = 2.5;var res2 = num1 % num2;console.log(res2); // 0
  • Tips

  • 可以通过为一个值 -0 *1 /1来将其转换为Number

    console.log(result); // 123
    result = true * 1;    console.log(result); // 1
    result = null / 1;    console.log(result); // 0

正负运算符


    • 正号

    • + 正号不会对数字产生任何影响

      var num = 123;
      num = +num;console.log(num); // 123
    • 对于非Number类型的值,会将先转换为Number,然后再运算

      var bool = true;var res = +bool;console.log(res); // 1var str = "123";
      res = +str;console.log(res); // 123var str2 = "123abc";
      res = +str2;console.log(res); // NaN, 所以内部不是调用parseInt, 而是Number()函数var temp = null;
      res = +temp;console.log(res); // 0
  • 负号

    • - 负号可以对数字进行负号的取反

      var num = 123;
      num = -num;console.log(num); // -123



作者:极客江南
链接:https://www.jianshu.com/p/6884e39af3a6


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消