JavaScript運算符小結(jié)
在JavaScript中,常見的運算符有算數(shù)運算符、比較運算符和邏輯運算符。
表1 JavaScript常見運算符
算數(shù)運算符 | 說明 | 舉例 | 結(jié)果 |
---|---|---|---|
= | 賦值運算符。將運算符右邊變量的值賦給左邊變量。 | x = 5 ; | - |
+ | 加號。將兩個數(shù)據(jù)相加。 | y=1+2; | y=3 |
- | 減號。將兩個數(shù)據(jù)相減。 | z = x-y; | z=2 |
* | 乘號。將兩個數(shù)據(jù)相乘。 | a=x*y; | a=15 |
/ | 除號。將兩個數(shù)據(jù)相除。 | b=x/z; | b=2.5 |
% | 求余運算。求兩個數(shù)據(jù)相除的余數(shù)。 | c=x%z; | c=1 |
++ | 自加。將操作數(shù)加1。 | m=++x; | m=6 x=6 |
-- | 自減。將操作數(shù)減1。 | n=--x; | n=5 x=5 |
比較運算符 | 說明 | 舉例 | 結(jié)果 |
== | 相等。若兩數(shù)據(jù)相等,返回 true,否則返回 false。 | boolean1=(x==5); | boolean1=true |
!= | 不相等。若兩數(shù)據(jù)不相等,返回 true,否則返回 false。 | boolean2=(x!=5); | boolean2=false; |
> | 大于。若左邊數(shù)據(jù)大于右邊數(shù)據(jù),返回 true,否則返回 false。 | boolean4=(x>y); | boolean4=true |
< | 小于。若左邊數(shù)據(jù)小于右邊數(shù)據(jù),則返回布爾值true,否則返回false。 | boolean5=(x<y); | boolean5=false |
>= | 大于等于。若左邊數(shù)據(jù)大于或等于右邊數(shù)據(jù),返回 true,否則返回 false。 | boolean6=(x>=y); | boolean6=true |
<= | 小于等于。若左邊數(shù)據(jù)小于或等于右邊數(shù)據(jù),返回 true,否則返回 false。 | boolean7=(x<=y); | boolean7=false |
邏輯運算符 | 說明 | 舉例 | 結(jié)果 |
&& | 邏輯與。如果符號兩邊的操作數(shù)為真,返回true,否則返回false。 | boolean_a=true&&false; | boolean_a=false |
|| | 邏輯或。如果符號兩邊的操作數(shù)為假,返回false,否則返回true。 | boolean_b=true||false; | boolean_b=true |
! | 邏輯非。如果符號右邊的操作數(shù)為真,返回false,否則返回true。 | boolean_c=!true; | boolean_c=false |
" + "號也可以用來連接字符串
“+”號不但可以將兩個數(shù)據(jù)相加,還可以用來連接字符串。
例如:
var name=" Tom ";
var age=22;
var person="My name is "+name+" ! I'm "+age+" ! ";
alert(person);
保存并運行代碼,顯示 My name is Tom ! I'm 22 !
上面的例子中,有字符串,也有數(shù)值。當(dāng)字符串和數(shù)值進行混合運算時,JavaScript 會自動判斷“ + ”號的作用,是相加運算,還是連接字符串。如果是連接字符串,數(shù)值也將被轉(zhuǎn)換為字符串。
對自加(++)和自減(--)的探討
值得注意的是,自加(++)和自減(--)運算符放置在操作數(shù)的前面和后面含義不同。放在操作數(shù)前面(前自加 / 前自減),先對操作數(shù)進行加1(減1),再進行運算;放在操作數(shù)后面(后自加 / 后自減),先進行運算,再對操作數(shù)加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 后的值變?yōu)?6 ,再將 x 的值傳遞給 y 。
對于 z ,先將 x 的值(x=6)傳遞給 z ,再對 x 加 1 ,值變?yōu)?7。
對于 m ,x (x=7)減 1 后的值為 6,再將 x 的值傳遞給 m 。
對于 n ,先將 x 的值(x=6)傳遞給 n ,再對 x 減 1,值變?yōu)?5 。
算數(shù)運算符的縮寫
為了操作方便,減少代碼的書寫,JavaScript 還支持常見數(shù)學(xué)運算符的縮寫。
表2常見算數(shù)運算符的縮寫
運算符 | 例子 | 等價于 |
---|---|---|
+= | 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 |
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
JS表單驗證插件之?dāng)?shù)據(jù)與邏輯分離操作實例分析【策略模式】
這篇文章主要介紹了JS表單驗證插件之?dāng)?shù)據(jù)與邏輯分離操作,結(jié)合實例形式分析了JavaScript基于策略模式實現(xiàn)數(shù)據(jù)與邏輯分離的表單驗證插件相關(guān)原理、操作技巧及注意事項,需要的朋友可以參考下2020-05-05Layer.js實現(xiàn)表格溢出內(nèi)容省略號顯示,懸停顯示全部的方法
今天小編就為大家分享一篇Layer.js實現(xiàn)表格溢出內(nèi)容省略號顯示,懸停顯示全部的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法
這篇文章主要介紹了javascript實現(xiàn)在網(wǎng)頁任意處點左鍵彈出隱藏菜單的方法,設(shè)計鼠標(biāo)事件及css樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05利用js查找數(shù)組中指定元素并返回該元素的所有索引示例
在js數(shù)組中查找特定的元素相信對大家來說再熟悉不過了,但越簡單的東西越可能出錯,小編最近就犯了這樣的錯誤,所以想著干脆將實現(xiàn)的代碼整理下來,方便自己以后需要的時候,或者有需要的朋友們參考學(xué)習(xí),下面來一起看看吧。2017-03-03