JavaScript 運算符
JavaScript 運算符主要包括:
算術運算符
賦值運算符
比較運算符
三元運算符
邏輯運算符
字符串連接運算符
算術運算符
運算符 ? ? ? ?說明 ? ? ??例子 ? ? ??運算結果
+ ? ?加 ? ?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 ? ?
對于前加和后加,執(zhí)行后的結果都是變量加1,其區(qū)別在于執(zhí)行時返回結果不一樣,參考下面兩個例子:
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 ? ?
比較運算符
運算符 ?說明 ?例子 ?運算結果
== ? ?等于 ? ?2 == 3 ? ?FALSE ? ?
=== ? ?恒等于(值和類型都要做比較) ? ( 2 === 2?TRUE ) ? ?(?2 === "2" ? ?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; ? ?y = 6; ?x && y > 5 ? ?FALSE ? ?
|| ? ?邏輯或(or) ? ?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歲"
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> </head> <body> <button onclick="myFunction()">點擊這里</button> <p id="demo"></p> <script> function myFunction() { txt1="What a very"; txt2="nice day"; txt3=txt1+txt2; document.getElementById("demo").innerHTML=txt3; } </script> </body> </html>