本文主要給大家詳細總結了下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。 | boolean6=(x>=y); | boolean6=true | |
小於等於。若左邊數據小於或等於右邊數據,回傳 true,否則回傳 false。 | boolean7=(x<=y); | boolean7=false | |
##說明 | 範例 | 結果 | |
邏輯與。如果符號兩邊的操作數為真,則回傳true,否則回傳false。 | boolean_a=true&&false; | boolean_a=false | ##|| |
boolean_b=true||false; | boolean_b=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 。
分析:
對於 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=x+y | -= | |
x=x-y | *= | |
##x=x*y | /= | |
x=x/y | %= | |
x=x%y |
以上所述就是本文的全部內容了,希望大家能夠喜歡。 |
以上是JavaScript運算符用法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!