JavaScript——运算符的全面解析

文章目录

• 前言
• 一、什么是运算符？
• 二、运算符的分类
  • 1.算术运算符
  • 2.逻辑运算符
  • 3.赋值运算符
  • 4.关系运算符
  • 5.条件运算符
  • 6.位运算符
  • 7.一元运算符
• 总结

---

前言

       本文主要介绍的是js中运算符的相关知识点，我将从不同的运算符以及各种运算符的使用方法进行讲解。

---

一、什么是运算符

    运算符，顾名思义就是在运算中的符号，例如加法中的 ”+“  就是一个运算符。严谨来说，运算符是一种告诉编译器执行特定的数学或逻辑操作的符号。

二、运算符的分类

1.算术运算符

常见的算术运算符有    +   -    *（乘）  /（除法）  %（求余，除法中的余数）

+  加法运算

1.  两个字符串进行加法运算，则作用是连接字符串，并返回

2. 任何字符串  + “ ”空串做运算，都将转换为字符串，由浏览器自动完成，相当于调用了String （ ）

-减法运算  *乘法运算   /除法运算  

  先转换为  Number 再进行正常的运算   js中的除法

注意： 可以通过为一个值  -0  *1  /1 来将其转换为Number数据类型，原理和Number (   )函数一样

%求余运算   对一个数进行求余运算

代码如下（示例）：

   var num1 = 1;

       var num2 = 2;

        var res = num1-num2;  //返回值为  -1

        var res = num1*num2;  //返回值为  2

        var res = num1/num2;  //返回值为  0.5——js中的除法为真除法

        var res = num1%num2;  //返回值为  1

        console.log(res);

---

2.逻辑运算符

与运算（&&）

1.  如果两个值都是 true ,则返回第二个值
2. 如果第一个值是false，则返回第一个值
3. 对符号两侧的值进行与运算并返回结果

   两个值只要有一个值为false  就返回  false

    只有两个值都是true 才会返回true， 

   JS的与为短路的与，只要第一个值为false，则不会看第二个值

或运算

1. 如果第一个值为true,则返回第一个值
2. 如果第一个值为false,则返回第二个值
3. 只要有一个true 就返回true, 

   只有两个值都是flase 才会返回flase

   JS的与为短路的或，只要第一个值为true，则不会看第二个值

!(非)运算

！可以用来对一个值进行非运算

所谓非运算就是指对一个布尔值进行取反操作， true 变  false， flase 变   true

1. 如果对一个值两次取反，它不会有变化
2. 如果对非布尔值进行非运算，则先将数据类型转换为布尔值，然后再取反

注意： 可以为任意一个任意数据取两次反，将其转换为布尔值，作用于Boolean（）函数一样

非布尔值的与  或  非( 会将其先转换为布尔值， 再进行运算 )

代码如下（示例）：

 var b1 = true;

        var b2 = false;

        var res = b1 && b2;  //返回值为 false

        var res = b1 || b2;   //返回值为true

        console.log(res);  

---

3.赋值运算符

    将右侧的值赋值给符号左侧的变量

=   右赋给左

+=    a+=5   等价于   a=a  +5;

-=     a-=5     等价于   a=a-5;

*=     a*=5     等价于   a=a*5;

/=     a/=5     等价于   a=a/5;

%=   a%=5   等价于   a=%+5;

---

4.关系运算符

比较两个值之间的大小关系，关系成立它会返回 true,关系不成立返回false

>(大于号)      >=（大于等于）   < (小于)   <=（小于等于）

!=(不等于)   ==(等于）  ===(全等 )   !==（不全等）

1. 非数字时，会先转换为数字，然后再进行比较

2. 当两侧都是字符串时，不会转换为数字，则会比较两个值的Unicode 编码，是一位一为依次进行比较，两位一样，则比较下一位

3. 任何值和NaN做任何比较都是false

4. 比较两个数字的字符串，一定要转型

   相等运算符

== ，两者的值相等即可

比较两个值是否相等，相等返回  true，否则返回   flase

使用==来做相等运算

特殊： 

   console.log(null==0);      返回 false

   console.log(undefined == null);      返回true 因为  undefined衍生自null

   console.log(NaN == NaN);    返回  false   NaN不和任何值相等

isNan（） 函数来判断一个值是否是NaN，是返回  true   否则返回 false

    ===  全等  

两者的值不仅要相等，而且数据类型也要相等。

  判断两个值是否全等， 全等返回 true   否则返回  false  

   不相等运算符 !=     

只考量两者的数据是否不等

比较两个值是否不相等，不相等返回  true，否则返回   flase

使用==来做相等运算

    不全等运算符！==

两者的值不仅要不等，而且数据类型也要不等，才会返回true，否则返回false.

判断两个值是否不全等，不全等返回true    如果两个值的类型不同，不做类型转换直接返回true

var num1 = 1;

        var num2 = '2';

        var res =(num1 !== num2);  //返回值  true

        console.log(res);

---

5.条件运算符

语法：

         条件表达式？ 语句1：语句2；

执行的流程： 

1.  条件运算符在执行时，首先对条件表达式进行求值，

2.  该值为true，执行 语句1，并返回结果

3. 该值为false，执行  语句2，并返回结果

如果条件表达式为非布尔值，则先转换为布尔值，再运算

（拓展知识）

6.位运算符

 将数字转换为二进制，然后逐位实现与或非的运算

7.一元运算符

正号    负号： 可以对数字进行负号的取反

---

总结

     以上就是今天所要分享的内容，运算符的运用在日后的学习中非常之多，初学的小伙伴需要多花些时间记忆与理解，好了，今天就写到这儿吧，依旧诚挚祝福看到这篇文章的人平安喜乐，健康幸福。