JavaScript運算子小結_javascript技巧-js教程-PHP中文網

JavaScript運算子小結_javascript技巧

WBOY

發布： 2016-05-16 15:56:53

原創

1690 人瀏覽過

在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	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）。

例如：

複製程式碼程式碼如下:

顯示 y 的值

顯示 z 的值

顯示m 的值

顯示 n 的值

儲存並運行程式碼，依序點擊四段文本，都顯示 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常見算數運算子的縮寫

運算子

例子

等價於

x =y

x=x y

x-=y

x=x-y

x*=y

x=x*y