javascript運算符可分為:1、算術運算符,用來執行常見的數學運算;2、賦值運算符,用來為變數賦值;3、字串運算符;4、自增、自減運算子;5、比較運算子;6、邏輯運算子;7、三元運算子;8、位元運算子。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
算術運算子
算術運算子用來執行常見的數學運算,例如加法、減法、乘法、除法等,下表中列舉了JavaScript 中支援的算術運算子:
#運算子 | 描述 | 範例 |
---|---|---|
##加法運算子 | x y 表示計算x 加y 的和 | |
- | 運算子 | x - y 表示計算x 減y 的差 |
乘法運算子
x / y 表示計算x 除以y 的商
#%取模(取餘)運算子
x %
var x = 10, y = 4; console.log("x + y =", x + y); // 输出:x + y = 14 console.log("x - y =", x - y); // 输出:x - y = 6 console.log("x * y =", x * y); // 输出:x * y = 40 console.log("x / y =", x / y); // 输出:x / y = 2.5 console.log("x % y =", x % y); // 输出:x % y = 2
範例程式碼如下: | ||
---|---|---|
复制纯文本复制
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
|
在上述程式碼中,雙引號中的內容是一個字串,所以其中的運算子會原樣輸出,並不參與運算。 | |
賦值運算子 | #賦值運算子用來為變數賦值,下表中列舉了JavaScript 中支援的賦值運算符: | |
運算子 | 描述 | |
= | 最簡單的賦值運算符,將運算子右邊的值賦值給運算子左邊的變數 | |
# = | 先進行加法運算,再將結果賦值給運算子左邊的變數 | |
#-= | 先進行減法運算,再將結果賦值給運算子左邊的變數 |
*=
/=先進行除法運算,再將結果賦值給運算子左側的變數x /= y 等同於x = x / y
%=
先進行取模運算,再將結果賦值給運算子左側的變數
复制纯文本复制
var x = 10; x += 20; console.log(x); // 输出:30 var x = 12, y = 7; x -= y; console.log(x); // 输出:5 x = 5; x *= 25; console.log(x); // 输出:125 x = 50; x /= 10; console.log(x); // 输出:5 x = 100; x %= 15; console.log(x); // 输出:10
JavaScript 中的和=運算子除了可以進行數學運算外,也可以用來拼接字串,其中:
var x = "Hello "; var y = "World!"; var z = x + y; console.log(z); // 输出:Hello World! x += y; console.log(x); // 输出:Hello World!
# = | 運算子表示先將字串進行拼接,然後再將結果賦值給運算子左側的變數。 | 範例程式碼如下: |
---|---|---|
复制纯文本复制
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
登入後複製
|
||
自增、自減運算子用來對變數的值進行自增( 1)、自減(-1)操作,下表列舉了JavaScript 中支援的自增、自減運算子: | ||
##name | ||
x | 自增運算子 | 將x 加1,然後回傳x 的值 |
示例代码如下:
var x; x = 10; console.log(++x); // 输出:11 console.log(x); // 输出:11 x = 10; console.log(x++); // 输出:10 console.log(x); // 输出:11 x = 10; console.log(--x); // 输出:9 console.log(x); // 输出:9 x = 10; console.log(x--); // 输出:10 console.log(x); // 输出:9
比较运算符
比较运算符用来比较运算符左右两侧的表达式,比较运算符的运算结果是一个布尔值,结果只有两种,不是 true 就是 false。下表中列举了 JavaScript 中支持的比较运算符:
运算符 | 名称 | 示例 |
---|---|---|
== | 等于 | x == y 表示如果 x 等于 y,则为真 |
=== | 全等 | x === y 表示如果 x 等于 y,并且 x 和 y 的类型也相同,则为真 |
!= | 不相等 | x != y 表示如果 x 不等于 y,则为真 |
!== | 不全等 | x !== y 表示如果 x 不等于 y,或者 x 和 y 的类型不同,则为真 |
< | 小于 | x < y 表示如果 x 小于 y,则为真 |
> | 大于 | x > y 表示如果 x 大于 y,则为真 |
>= | 大于或等于 | x >= y 表示如果 x 大于或等于 y,则为真 |
<= | 小于或等于 | x <= y 表示如果 x 小于或等于 y,则为真 |
示例代码如下:
var x = 25; var y = 35; var z = "25"; console.log(x == z); // 输出: true console.log(x === z); // 输出: false console.log(x != y); // 输出: true console.log(x !== z); // 输出: true console.log(x < y); // 输出: true console.log(x > y); // 输出: false console.log(x <= y); // 输出: true console.log(x >= y); // 输出: false
逻辑运算符
逻辑运算符通常用来组合多个表达式,逻辑运算符的运算结果是一个布尔值,只能有两种结果,不是 true 就是 false。下表中列举了 JavaScript 中支持的逻辑运算符:
运算符 | 名称 | 示例 |
---|---|---|
&& | 逻辑与 | x && y 表示如果 x 和 y 都为真,则为真 |
|| | 逻辑或 | x || y 表示如果 x 或 y 有一个为真,则为真 |
! | 逻辑非 | !x 表示如果 x 不为真,则为真 |
示例代码如下:
var year = 2021; // 闰年可以被 400 整除,也可以被 4 整除,但不能被 100 整除 if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){ console.log(year + " 年是闰年。"); } else{ console.log(year + " 年是平年。"); }
三元运算符
三元运算符(也被称为条件运算符),由一个问号和一个冒号组成,语法格式如下:
条件表达式 ? 表达式1 : 表达式2 ;
如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。
示例代码如下:
var x = 11, y = 20; x > y ? console.log("x 大于 y") : console.log("x 小于 y"); // 输出:x 小于 y
位运算符
位运算符用来对二进制位进行操作,JavaScript 中支持的位运算符如下表所示:
运算符 | 描述 | 示例 |
---|---|---|
& | 按位与:如果对应的二进制位都为 1,则该二进制位为 1 | 5 & 1 等同于 0101 & 0001 结果为 0001,十进制结果为 1 |
| | 按位或:如果对应的二进制位有一个为 1,则该二进制位为 1 | 5 | 1 等同于 0101 | 0001 结果为 0101,十进制结果为 5 |
^ | 按位异或:如果对应的二进制位只有一个为 1,则该二进制位为 1 | 5 ^ 1 等同于 0101 ^ 0001 结果为 0100,十进制结果为 4 |
~ | 按位非:反转所有二进制位,即 1 转换为 0,0 转换为 1 | ~5 等同于 ~0101 结果为 1010,十进制结果为 -6 |
<< | 按位左移:将所有二进制位统一向左移动指定的位数,并在最右侧补 0 | 5 << 1 等同于 0101 << 1 结果为 1010,十进制结果为 10 |
>> | 按位右移(有符号右移):将所有二进制位统一向右移动指定的位数,并拷贝最左侧的位来填充左侧 | 5 >> 1 等同于 0101 >> 1 结果为 0010,十进制结果为 2 |
>>> | 按位右移零(无符号右移):将所有二进制位统一向右移动指定的位数,并在最左侧补 0 | 5 >>> 1 等同于 0101 >>> 1 结果为 0010,十进制结果为 2 |
示例代码如下:
var a = 5 & 1, b = 5 | 1, c = 5 ^ 1, d = ~ 5, e = 5 << 1, f = 5 >> 1, g = 5 >>> 1; console.log(a); // 输出:1 console.log(b); // 输出:5 console.log(c); // 输出:4 console.log(d); // 输出:-6 console.log(e); // 输出:10 console.log(f); // 输出:2 console.log(g); // 输出:2
【推荐学习:javascript高级教程】
以上是javascript運算子可分為哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!