首頁  >  文章  >  web前端  >  JavaScript中的6種運算子總結_基礎知識

JavaScript中的6種運算子總結_基礎知識

WBOY
WBOY原創
2016-05-16 16:33:441367瀏覽

JavaScript 運算子主要包括:

  1. 算術運算子
  2. 賦值運算子
  3. 比較運算子
  4. 三元運算子
  5. 邏輯運算子
  6. 字串連線運算子

算術運算子

运算符 说明 例子 运算结果
y = 2 1 y = 3
- y = 2-1 y = 1
* y = 2*3 y = 6
/ 除,返回结果为浮点类型 y = 6/3 y = 2
% 求余,返回结果为浮点类型
要求两个操作数均为整数
y = 6%4 y = 2
递加,分为前加和后加
对布尔值和 NULL 将无效
y = 2
y(前加)
y (后加)
y = 3
-- 递减,分为前递减和后递减
对布尔值和 NULL 将无效
y = 2
--y(前减)
y--(后减)
y = 1

對於前加和後加,執行後的結果都是變數加1,其差異在於執行時回傳結果不一樣,參考下面兩個例子:

複製程式碼 程式碼如下:

var x = 2;
alert( x); //輸出:3
alert(x); //輸出:3

var y = 2;
alert(y ); //輸出:2
alert(y); //輸出:3

遞減同理。

賦值運算子

賦值運算子 = 用來賦值運算,賦值運算子的作用在於把右邊的值賦值給左邊變數。設定 y = 6,請參考下表:

运算符 例子 等价于 运算结果
= y = 6 y = 6
= y = 1 y = y 1 y = 7
-= y -= 1 y = y-1 y = 5
*= y *= 2 y = y*2 y = 12
/= y /= 2 y = y/2 y = 3
%= y %= 4 y = y%4 y = 2

賦值運算巢狀使用

賦值運算子可以巢狀使用:

複製程式碼 程式碼如下:

y = (x = 2) 5;    //結果: x=2,y=7

比較運算子

運算子 說明 範例 運算結果
== 等於 2 == 3 FALSE
=== 恆等於(值和類型都要做比較) 2 === 2
运算符 说明 例子 运算结果
== 等于 2 == 3 FALSE
=== 恒等于(值和类型都要做比较) 2 === 2
2 === "2"
TRUE
FALSE
!= 不等于,也可写作<> 2 == 3 TRUE
> 大于 2 > 3 FALSE
< 小于 2 < 3 TRUE
>= 大于等于 2 >= 3 FALSE
<= 小于等于 2 <= 3 TRUE
2 === "2"
TRUE<🎜> FALSE
!= 不等於,也可寫作<> 2 == 3 TRUE
> 大於 2 > 3 FALSE
< 小於 2 < 3 TRUE
>= 大於等於 2 >= 3 FALSE
<= 小於等於 2 <= 3 TRUE

比較運算子也可用於字串比較。

三元運算子

三元可以視為特殊的比較運算子:

複製程式碼 程式碼如下:

(expr1) ? (expr2) : (expr3)

語法解釋:在 expr1 求值為 TRUE 時整個表達式的值為 expr2,否則為 expr3。

範例:

複製程式碼 程式碼如下:

x = 2;
y = (x == 2) ? x : 1;
alert(y); //輸出:2

這個例子判斷 x 的值是否等於 2,如果 x 等於 2,那麼 y 的值就等於 x(也就是等於2),反之 y 就等於 1。

提示

為了避免錯誤,將三元運算子各表達式用括號括起來是個不錯的主意。

邏輯運算子

運算子 說明 範例 運算結果
&& 邏輯與(and) x = 2;
运算符 说明 例子 运算结果
&& 逻辑与(and) x = 2;
y = 6;
x && y > 5
FALSE
|| 逻辑或(or) x = 2;
y = 6;
x && y > 5
TRUE
! 逻辑非,取逻辑的反面 x = 2;
y = 6;
!(x > y)
TRUE
y = 6;

x && y > 5

FALSE
|| 邏輯或(或) x = 2; y = 6; x && y > 5 TRUE
! 邏輯非,取邏輯的反面 x = 2; y = 6; !(x > y) TRUE

字串連接運算子

連接運算子 主要用於連接兩個字串或字串變數。因此,在對字串或字串變數使用該運算子時,並不是對它們做加法計算。 範例:
複製程式碼

程式碼如下:



x = "beijing";

y = x "你好!"; //結果:y = "beijing你好!"

// 要想在兩個字串之間增加空格,需要把空格插入一個字串之中:

y = x " 你好!"; //結果:y = "beijing 你好!"

複製程式碼


程式碼如下:
x = 25; y = "我今年" x "歲"; //結果:y = "我今年25歲"
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn