JavaScript-JS操作符

野性酷女 2022-05-15 17:50 213阅读 0赞

操作符是JS中一个非常重要的概念，也是构成表达式的基础。

操作符根据操作对象的不同分为：

### 算术操作符，字符操作符，布尔操作符，赋值操作符，一元操作符，比较操作符等 ###

## 算术操作符： ##

![2018103021562884.png][]

## 字符操作符： ##

![20181030215812620.png][]

## 布尔操作符： ##

布尔操作符又叫逻辑操作符，布尔操作符有三个，逻辑非（！）、逻辑与（&&），逻辑或（||）。

逻辑非由一个叹号（！）组成，可以应用于JavaScript任何值。逻辑非首先将它的操作数转换为一个布尔值，然后再对布尔值求反。

逻辑与由两个和号表示（&&），有两个操作做

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td>第一个操作数</td> 
   <td>第二个操作数</td> 
   <td>结果</td> 
  </tr> 
  <tr> 
   <td>True</td> 
   <td>True</td> 
   <td>True</td> 
  </tr> 
  <tr> 
   <td>True</td> 
   <td>False</td> 
   <td>False</td> 
  </tr> 
  <tr> 
   <td>False</td> 
   <td>True</td> 
   <td>False</td> 
  </tr> 
  <tr> 
   <td>False</td> 
   <td>False</td> 
   <td>False</td> 
  </tr> 
 </tbody> 
</table>

由上表可以看出只有当第一个参数和第二个参数同时为true，逻辑与的结果为true

逻辑或由两个竖线符号组成（||），有两个操作数

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td>第一个操作数</td> 
   <td>第二个操作数</td> 
   <td>结果</td> 
  </tr> 
  <tr> 
   <td>True</td> 
   <td>True</td> 
   <td>True</td> 
  </tr> 
  <tr> 
   <td>True</td> 
   <td>False</td> 
   <td>True</td> 
  </tr> 
  <tr> 
   <td>False</td> 
   <td>True</td> 
   <td>True</td> 
  </tr> 
  <tr> 
   <td>False</td> 
   <td>False</td> 
   <td>False</td> 
  </tr> 
 </tbody> 
</table>

由上表看出，有个操作数的结果为true，逻辑或的结果为true。两个操作数都为false，结果为false

## 一元操作符： ##

只能操作一个值的操作符叫做一元操作符。

递增和递减操作符

递增和递减操作符有两个版本：前置型和后置型。前置型操作符位于要操作的变量之前，后置型操作符位于要操作的变量之后。

需要将一个变量的值在使用前就进行加减操作，一般使用前置操作符。

var age=18;
    console.log(++age);//前置型操作符是先计算,返回计算后的值。输出为19
    console.log(age);//输出19；
    console.log(--age);//输出18
    var age1=18;
    console.log(age1++);//后置型操作符是在包含该语句执行后，才进行加减操作的，此时age1是18
    console.log(age1);//此时age1已经变为19；
    console.log(age1--);//此时age1依然是19；

## 赋值操作符： ##

赋值操作符就是 = 等号，将右边的值赋值给左边的变量。

## 比较操作符： ##

顾名思义就是比较大小的，返回的是布尔值，比如3>2，返回的是true，2>3，返回的是false

[2018103021562884.png]: /images/20220503/36c4d8d88e204beaa5e06a2919bff6be.png
[20181030215812620.png]: /images/20220503/f480a129c4304ce3baf89bb2c64ec568.png