JavaScript運算符小結

2024-05-06 16:21:11

字體：大中小

來源：轉載

供稿：網友

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

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

表1 JavaScript常見運算符

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

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

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

例如：

復制代碼代碼如下:

		
		 var name=" Tom ";
		 var age=22;
		 var person="My name is "+name+" ! I'm  "+age+" ! ";
		 alert(person);

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

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

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

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

例如：

復制代碼代碼如下:

		
		 <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 后的值變為 6 ，再將 x 的值傳遞給 y 。
對于 z ，先將 x 的值（x=6）傳遞給 z ，再對 x 加 1 ，值變為 7。
對于 m ，x （x=7）減 1 后的值為 6，再將 x 的值傳遞給 m 。
對于 n ，先將 x 的值（x=6）傳遞給 n ，再對 x 減 1，值變為 5 。

算數運算符的縮寫

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

表2常見算數運算符的縮寫