🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] * * * * * # JavaScript运算符 ### 什么是运算符? 运算符是程序执行特定算术或逻辑操作的符号,用于执行程序代码运算。 用表达式 4 + 5 能很快得到 4 和 5 这两个数的和为 9。这里 4 和 5 被称为运算数,+ 叫做运算符。 JavaScript中的运算符主要包括: * 算术运算符 * 比较运算符 * 赋值运算符 * 逻辑运算符 * 条件运算符 ### 什么是表达式 表达式是一个语句集合,像一个组一样,计算结果是一个单一的值,该值可以是boolean、number、string、function、或者object数据类型之一。表达式是指具有一定的值的,用运算符把常数和变量连接起来的代数式。 ### 算术运算符 给定 y=5,下面的表格解释了这些算术运算符: | 运算符 | 描述 | 例子 | x运算结果 | y运算结果 | | --- | --- | --- | --- | --- | | + | 加法 | x=y+2 |7 | 5 | | - | 减法 | x=y-2 | 3 | 5 | | * | 乘法 | x=y*2 |10 |5 | | / | 除法 | x=y/2 | 2.5 | 5 | | % | 取模(余数) | x=y%2 | 1 | 5 | | ++ | 自增 | x=++y | 6 | 6 | |++ | 自增 | x=y++ | 5| 6 | |-- | 自减 | x=--y | 4 | 4| |-- | 自减 | x=y -- | 5 | 4 | 算术运算符小练习: ![](https://box.kancloud.cn/995e4cdead1837c5315ed39abea1706a_84x61.png) ~~~ (3+4*5)/(6+3); ~~~ ### 比较运算符 比较运算符在逻辑语句中使用,用于判断变量或值是否相等。其运算过程需要首先对操作数进行比较,然后返回一个布尔值true或false 给定 A=10,B=20,下面的表格解释了这些比较运算符: | 运算符 | 描述 | 例子 | | --- | --- | --- | |>| **大于** 检查左边运算数是否大于右边运算数,如果是,则结果为true| A > B 为false| |< | **小于** 检查左边运算数是否小于右边运算数,如果是,则结果为true| A < B 为true| |>= | **大于等于** 检查左边运算数是否大于或者等于右边运算数,如果是,则结果为true| A >= B 为false| |<= |** 小于等于** 检查左边运算数是否小于或者等于运算数,如果是,则结果为true| A <= B 为true| |== |**等于** 检查两个运算数的值是否相等,如果是,则结果为true | A == B 为false| |=== |**绝对等于** 检查两个运算数的值和数据类型是否一致,如果是,则结果为true | A === B 为false| |!=|**不等于** 检查两个运算数的值是否相等,如果不相等,则结果为true |A != B 为true| |!==|**不绝对等于** 检查两个运算数的值和数据类型是否一致,如果不一致,则结果为true |A !== B 为true| ~~~ <script type="text/javascript"> var age=25; //定义变量 document.write("age变量的值为:"+age+"<br/>"); //输出变量值 document.write("age>=20:"+(age>=20)+"<br/>"); //变量值比较: document.write("age<20:"+(age<20)+"<br/>"); document.write("age!=20:"+(age!=20)+"<br/>"); document.write("age>20:"+(age>20)+"<br/>"); </script> ~~~ ![](https://box.kancloud.cn/a8cc8551b04a8da92b5d9a4ace63b405_174x120.png) ### 赋值运算符 最基本的赋值运算符是等于号“=”,用于对变量进行赋值。其他运算符可以和赋值运算符“=”联合使用,构成组合赋值运算符。常用的赋值运算符如下表所示: |运算符 | 描述 |例子 | | --- | --- | --- | |=| 简单赋值运算符,将右边运算数的值赋给左边运算数| C = A + B 将A+B的值赋给C| |+=| 加等赋值运算符,将右边运算符与左边运算符相加并将运算结果赋给左边运算数| C += A 相当于 C = C + A| |-= |减等赋值运算符,将左边运算数减去右边运算数并将运算结果赋给左边运算数| C -= A 相当于C = C - A| |*=| 乘等赋值运算符,将右边运算数乘以左边运算数并将运算结果赋给左边运算数| C *= A 相当于C = C * A| |/=| 除等赋值运算符, 将左边运算数除以右边运算数并将运算结果赋值给左边运算数| C /= A 相当于 C = C / A| |%=| 模等赋值运算符,用两个运算数做取模运算并将运算结果赋值给左边运算数| C %= A 相当于 C = C % A| ### 逻辑运算符 逻辑运算符是根据表达式的值返回真值或假值。 ![](https://box.kancloud.cn/d252c7dfb71c813033c49e4ddfd07489_643x236.png) 参与逻辑运算的,都是布尔值。也就是说,只有true、false才能参与逻辑运算,得到的答案,仍然是布尔值。 ~~~ // &&表示“且”的意思,都真才真 console.log(true && true); //true console.log(true && false); //false console.log(false && true); //false console.log(false && false); //false ~~~ ~~~ console.log(true || true); //true console.log(true || false); //true console.log(false || true); //true console.log(false || false); //false ~~~ ~~~ console.log(!true); console.log(!false); ~~~ ### 条件运算符 有一种运算符叫条件运算符。首先判断一个表达式是真或假,然后根据判断结果执行两个给定指令中的一个。条件运算符语法如下: ~~~ 操作数 ? 结果1 : 结果2 ~~~ 若操作数的值为true,则整个表达式的结果为“结果1”,否则为“结果2”。 ~~~ <script type="text/javascript"> var i=3,j=4; alert((++i==j++)?true:false); </script> ~~~