快捷導(dǎo)航

JavaScript運算符小結(jié)

更新時間：2015年06月03日 10:20:46 投稿：hebedich

本文主要給大家詳細(xì)總結(jié)了下javascript中的運算符，包括常見的算數(shù)運算符、比較運算符和邏輯運算符。十分的清晰，有需要的小伙伴可以參考下。

在JavaScript中，常見的運算符有算數(shù)運算符、比較運算符和邏輯運算符。

表1 JavaScript常見運算符

算數(shù)運算符	說明	舉例	結(jié)果
=	賦值運算符。將運算符右邊變量的值賦給左邊變量。	x = 5 ;	-
+	加號。將兩個數(shù)據(jù)相加。	y=1+2;	y=3
-	減號。將兩個數(shù)據(jù)相減。	z = x-y;	z=2
*	乘號。將兩個數(shù)據(jù)相乘。	a=x*y;	a=15
/	除號。將兩個數(shù)據(jù)相除。	b=x/z;	b=2.5
%	求余運算。求兩個數(shù)據(jù)相除的余數(shù)。	c=x%z;	c=1
++	自加。將操作數(shù)加1。	m=++x;	m=6 x=6
--	自減。將操作數(shù)減1。	n=--x;	n=5 x=5
比較運算符	說明	舉例	結(jié)果
==	相等。若兩數(shù)據(jù)相等，返回 true，否則返回 false。	boolean1=(x==5);	boolean1=true
!=	不相等。若兩數(shù)據(jù)不相等，返回 true，否則返回 false。	boolean2=(x!=5);	boolean2=false;
>	大于。若左邊數(shù)據(jù)大于右邊數(shù)據(jù)，返回 true，否則返回 false。	boolean4=(x>y);	boolean4=true
<	小于。若左邊數(shù)據(jù)小于右邊數(shù)據(jù)，則返回布爾值true，否則返回false。	boolean5=(x<y);	boolean5=false
>=	大于等于。若左邊數(shù)據(jù)大于或等于右邊數(shù)據(jù)，返回 true，否則返回 false。	boolean6=(x>=y);	boolean6=true
<=	小于等于。若左邊數(shù)據(jù)小于或等于右邊數(shù)據(jù)，返回 true，否則返回 false。	boolean7=(x<=y);	boolean7=false
邏輯運算符	說明	舉例	結(jié)果
&&	邏輯與。如果符號兩邊的操作數(shù)為真，返回true，否則返回false。	boolean_a=true&&false;	boolean_a=false
\|\|	邏輯或。如果符號兩邊的操作數(shù)為假，返回false，否則返回true。	boolean_b=true\|\|false;	boolean_b=true
!	邏輯非。如果符號右邊的操作數(shù)為真，返回false，否則返回true。	boolean_c=!true;	boolean_c=false

" + "號也可以用來連接字符串

“+”號不但可以將兩個數(shù)據(jù)相加，還可以用來連接字符串。

例如：

復(fù)制代碼代碼如下:

 var name=" Tom ";

 var age=22;

 var person="My name is "+name+" ! I'm  "+age+" ! ";

 alert(person);

保存并運行代碼，顯示 My name is Tom ! I'm 22 !

上面的例子中，有字符串，也有數(shù)值。當(dāng)字符串和數(shù)值進行混合運算時，JavaScript 會自動判斷“ + ”號的作用，是相加運算，還是連接字符串。如果是連接字符串，數(shù)值也將被轉(zhuǎn)換為字符串。

對自加（++）和自減（--）的探討

值得注意的是，自加（++）和自減（--）運算符放置在操作數(shù)的前面和后面含義不同。放在操作數(shù)前面（前自加 / 前自減），先對操作數(shù)進行加1（減1），再進行運算；放在操作數(shù)后面（后自加 / 后自減），先進行運算，再對操作數(shù)加1（減1）。

例如：

復(fù)制代碼代碼如下:

 <script type="text/javascript">

 var x=5;

 var y=++x;  // 前自加，賦值后 x 的值為 6

 var z=x++;  // 后自加，賦值后 x 的值為 7

 var m=--x  // 前自減，賦值后 x 的值為 6

 var n=x--  // 后自減，賦值后 x 的值為 5

 </script>

 <p onclick="alert(y);">顯示 y 的值</p>

 <p onclick="alert(z);">顯示 z 的值</p>

 <p onclick="alert(m);">顯示m 的值</p>

 <p onclick="alert(n);">顯示 n 的值</p>

保存并運行代碼，依次點擊四段文本，都顯示 6 。

分析：

對于 y ，x （x=5）加 1 后的值變?yōu)?6 ，再將 x 的值傳遞給 y 。
對于 z ，先將 x 的值（x=6）傳遞給 z ，再對 x 加 1 ，值變?yōu)?7。
對于 m ，x （x=7）減 1 后的值為 6，再將 x 的值傳遞給 m 。
對于 n ，先將 x 的值（x=6）傳遞給 n ，再對 x 減 1，值變?yōu)?5 。

算數(shù)運算符的縮寫

為了操作方便，減少代碼的書寫，JavaScript 還支持常見數(shù)學(xué)運算符的縮寫。

表2常見算數(shù)運算符的縮寫