DIV CSS 佈局教程網

在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常見算數運算符的縮寫

運算符 例子 等價於 += x+=y x=x+y -= x-=y x=x-y *= x*=y x=x*y /= x/=y x=x/y %= x%=y x=x%y

以上所述就是本文的全部內容了，希望大家能夠喜歡。