JavaScript強化教學－JavaScript 運算符

本文為 H5EDU 機構官方 HTML5訓練 教學課程，主要介紹：JavaScript強化教學 —— JavaScript 運算子 
JavaScript 算術運算子 

算術運算子用於執行兩個變數或值的運算。

賦值y = 5, 以下表格將向你說明算術運算符的使用： 

運算子描述範例y 值x 值線上實例 
+ 加法x = y + 2 y = 5 x = 7 實例» 
- 減法
- 減法
法實例» 
- 減法x = y - 2 y = 5 x = 3 實例» 
* 乘法x = y * 2 y = 5 x = 10 實例» 
/ 除法x = y / 2 y = 5 x = 2.5 實例» 
% 餘數
= y % 2 y = 5 x = 1 實例» 
++ 自增x = ++y y = 6 x = 6 實例» 
x = y++ y = 6 x = 5 實例» 
-- 自減x = --y y = 4 x = 4 實例» 
x = y-- y = 4 x = 5 實例» 

關於算術運算符，你可以閱讀我們的JavaScript 運算子教學。 

JavaScript 賦值運算子 

賦值運算子用於賦予 JavaScript 變數。

給定x=10 和y=5，下面的表格解釋了賦值運算子： 

運算子範例Same As x 值線上實例 
= x = y x = y x = 5 實例» 
+= x += y x= x += y x = x + y x = 15 實例» 
-= x -= y x = x - y x = 5 實例» 
*= x *= y x = x * y x = 50 實例» 
/= x /= y x = x / y x = 2 實例» 
%= x %= y x = x % y x = 0 實例» 

關於賦值運算符，你可以閱讀我們的JavaScript 運算子教學。 

JavaScript 字串運算子 

+ 運算符， += 運算子可用於連接字串。

給定text1 = "Good ", text2 = "Morning", 以及text3 = "", 下面的表格解釋了字串運算子的使用： 

運算子範例text1 text2 text3 線上實例 
+ text3 = text1 + text2 "Good " "Morning"  "Good Morning" 實例» 
+= text1 += text2 "Good Morning" "Morning" "" 實例» 
比較運算子 

比較運算子用於邏輯語句的判斷，從而確定給運算子定的兩個值或變數是否相等。

給定x=5, 下表展示了比較運算符的使用： 
給定x=5, 下表展示了比較運算符的使用： 
給定x=5, 下表展示了比較運算子的使用： 

運算子描述比較結果線上實例 
== 等於x == 8 false 實例» 
x == 5 true 實例» 
===值皆相等（恆定等於） x === "5" false 實例» 
x === 5 true 實例» 
!= 不等於x != 8 true 實例» 
!== 值與型別皆不等（不恆定等於） x !== "5" true 實例» 
x !== 5 false 實例» 
> 大於x > 8 false 實例» 
>= 大於或等於x > = 8 false 實例» 

關於比較運算符，你可以閱讀我們的JavaScript 比較運算子教學。 

條件運算子 

條件運算子用於基於條件的賦值運算。

給定x=6 and y=3, 下表示範了條件運算子的運算： 

語法範例線上實例 
變數= (條件) ? 值1:值2 voteable = (age & 18) ? "Too young" : "Old enough" 實例» 
邏輯運算子 

邏輯運算子用來決定變數或值之間的邏輯關係。

給定x=6 和 y=3, 以下實例示範了邏輯運算子的使用： 

運算子描述範例 
&& 和(x 1) 為true 
|| 或(x == 5 || y == 5) 為false 
! 非!(x == y) 為true 
JavaScript 位元運算子 

位元運算子工作於32位元的數字上。任何數字操作都將轉換為32位。結果會轉換為 JavaScript 數字。
運算子描述範例類似結果十進位 

& AND x = 5 & 1 0101 & 0001 0001  1 🎜| OR x = 5 | 1 0101 | 0001 0101  10101 🎜^ 異或x = 5 ^ 1 0101 ^ 0001 0100  4 🎜 x = 5 > 右移x = 5 >> 1 10  10 🎜>> 右移x = 5 >> 1010