快捷導(dǎo)航

JavaScript運(yùn)算符小結(jié)

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

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

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

表1 JavaScript常見運(yùn)算符

算數(shù)運(yùn)算符	說(shuō)明	舉例	結(jié)果
=	賦值運(yùn)算符。將運(yùn)算符右邊變量的值賦給左邊變量。	x = 5 ;	-
+	加號(hào)。將兩個(gè)數(shù)據(jù)相加。	y=1+2;	y=3
-	減號(hào)。將兩個(gè)數(shù)據(jù)相減。	z = x-y;	z=2
*	乘號(hào)。將兩個(gè)數(shù)據(jù)相乘。	a=x*y;	a=15
/	除號(hào)。將兩個(gè)數(shù)據(jù)相除。	b=x/z;	b=2.5
%	求余運(yùn)算。求兩個(gè)數(shù)據(jù)相除的余數(shù)。	c=x%z;	c=1
++	自加。將操作數(shù)加1。	m=++x;	m=6 x=6
--	自減。將操作數(shù)減1。	n=--x;	n=5 x=5
比較運(yùn)算符	說(shuō)明	舉例	結(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
邏輯運(yùn)算符	說(shuō)明	舉例	結(jié)果
&&	邏輯與。如果符號(hào)兩邊的操作數(shù)為真，返回true，否則返回false。	boolean_a=true&&false;	boolean_a=false
\|\|	邏輯或。如果符號(hào)兩邊的操作數(shù)為假，返回false，否則返回true。	boolean_b=true\|\|false;	boolean_b=true
!	邏輯非。如果符號(hào)右邊的操作數(shù)為真，返回false，否則返回true。	boolean_c=!true;	boolean_c=false

" + "號(hào)也可以用來(lái)連接字符串

“+”號(hào)不但可以將兩個(gè)數(shù)據(jù)相加，還可以用來(lái)連接字符串。

例如：

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

 var name=" Tom ";

 var age=22;

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

 alert(person);

保存并運(yùn)行代碼，顯示 My name is Tom ! I'm 22 !

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

對(duì)自加（++）和自減（--）的探討

值得注意的是，自加（++）和自減（--）運(yùn)算符放置在操作數(shù)的前面和后面含義不同。放在操作數(shù)前面（前自加 / 前自減），先對(duì)操作數(shù)進(jìn)行加1（減1），再進(jìn)行運(yùn)算；放在操作數(shù)后面（后自加 / 后自減），先進(jìn)行運(yùn)算，再對(duì)操作數(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>

保存并運(yùn)行代碼，依次點(diǎn)擊四段文本，都顯示 6 。

分析：

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

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

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

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