首頁  >  文章  >  web前端  >  JavaScript運算符用法總結

JavaScript運算符用法總結

巴扎黑
巴扎黑原創
2017-07-29 17:14:171620瀏覽

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

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

表1 JavaScript常見運算子

##不相等。若兩個資料不相等,則回傳 true,否則回傳 false。 boolean2=(x!=5);boolean2=false;>大於。若左邊數據大於右邊數據,回傳 true,否則回傳 false。 boolean4=(x>y);boolean4=true#ca1bbcd5950cef3d3c3c14f0bd08e152=大於等於。若左邊數據大於或等於右邊數據,則回傳 true,否則回傳 false。 boolean6=(x>=y);boolean6=true<=小於等於。若左邊數據小於或等於右邊數據,回傳 true,否則回傳 false。 boolean7=(x<=y);boolean7=false邏輯運算子&&##||邏輯或。如果符號兩邊的操作數為假,回傳false,否則回傳true。 boolean_b=true||false;boolean_b=true!邏輯非。如果符號右邊的操作數為真,則回傳false,否則回傳true。 boolean_c=!true;boolean_c=false" + "號碼也可以用來連接字串
#算數運算子 說明 範例 結果
= 賦值運算子。將運算子右邊變數的值賦給左邊變數。 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。 boolean_a=true&&false; boolean_a=false

「+」號不但可以將兩個資料相加,還可以用來連接字串。

例如:

程式碼如下:

 var name=" Tom ";
 var age=22;
 var person="My name is "+name+" ! I&#39;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+=yx=x+y-=x-=yx=x-y*=x*=yx/=yx%=y
##x=x*y /=
x=x/y %=
x=x%y

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

以上是JavaScript運算符用法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn