JavaScript 運算符

JavaScript 運算子主要包含:

算術運算子

賦值運算子

比較運算子

三元運算子

邏輯運算子

字串連線運算子



#算術運算子


運算子       說明       |##範例      ##運算結果

範例      

##運算結果上
## 範例 

+    加   y = 2+1    y = 3    

-    減   y = 2-1    y =    = 2*3    y = 6    

/    除,返回結果為浮點型別   y = 6/3    y = 2    

%   約數字皆為整數   y = 6%4    y = 2    

++    遞加,分為前加後加 對布林值與NULL 將無效   y = 2  y(前加) ++y(前加) y(前加) y(後加)加)    y = 3    

--    遞減,分為前遞減和後遞減 對布林值和NULL 將無效   y = 2    --y(前減)  y--(後減) 1 y 

##對於前加和後加,執行後的結果都是變數加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 += 1    y = y+1 ?

-=    y -= 1    y = y-1    y = 5    

*=    y *= 2    y = y*2  y = 12 1/ = y/2    y = 3    

%=    y %= 4    y = y%4    y = 2    

運算運算符

運算子 說明 

範例 ##運算結果==    等於   2 == 3    FALSE    

===    恆等於(數值與類型皆可做比較)   ( 2 === 2 TRUEUE ) 做為約#2 === "2"    

FALSE )   
##!=    不等於,也可寫<>    2 == 3 1  TRUE大於   2 > 3    FALSE    

<    小於   2 < 3    TRUE    >=  =    小於等於   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>


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <Script> var x = 11; var y = 5; with (document) { write("x = 11, y = 5"); write("<LI>x + y 是 ", x + y); write("<LI>x - y 是 ", x - y); write("<LI>x * y 是 ", x * y); write("<LI>x / y 是 ", x / y); write("<LI>x % y 是 ", x % y); write("<LI>++ x 是 ", ++ x); write("<LI>-- y 是 ", -- y); } </Script> </head> <body> </body> </html>