JS運算符 · 學并思Web應用程序

[TOC] >[info]運算符和操作數的組合就稱為表達式。 ## 算數運算符 >[info]算術運算符用于執行變量與/或值之間的算術運算。給定 y=5，下面的表格解釋了這些算術運算符。 <table class="dataintable"> <tbody> <tr> <th> 運算符 </th> <th> 描述 </th> <th> 例子 </th> <th> 結果 </th> </tr> <tr> <td> + </td> <td> 加 </td> <td> x=y+2 </td> <td> x=7 </td> </tr> <tr> <td> - </td> <td> 減 </td> <td> x=y-2 </td> <td> x=3 </td> </tr> <tr> <td> * </td> <td> 乘 </td> <td> x=y*2 </td> <td> x=10 </td> </tr> <tr> <td> / </td> <td> 除 </td> <td> x=y/2 </td> <td> x=2.5 </td> </tr> <tr> <td> % </td> <td> 求余數 (保留整數) </td> <td> x=y%2 </td> <td> x=1 </td> </tr> <tr> <td> var++ </td> <td> 累加(先運行，再自增) </td> <td> x=y++ </td> <td> x=5 </td> </tr> <tr> <td> var-- </td> <td> 遞減 </td> <td> x=y-- </td> <td> x=5 </td> </tr> <tr> <td> ++var </td> <td> 累加(先自增，再運行) </td> <td> x=++y </td> <td> x=6 </td> </tr> <tr> <td> --var </td> <td> 遞減() </td> <td> x=--y </td> <td> x=4 </td> </tr> </tbody> </table> >[danger]**注意：**+用于字符串的連接,任何的數據類型和字符串相加都是等于相加以后的字符串 ## 賦值運算符 >[info]賦值運算符用于給 JavaScript 變量賦值。給定 x=10 和 y=5，下面的表格解釋了賦值運算符： <table class="dataintable"> <tbody> <tr> <th> 運算符 </th> <th> 例子 </th> <th> 等價于 </th> <th> 結果 </th> </tr> <tr> <td> = </td> <td> x=y </td> <td>   </td> <td> x=5 </td> </tr> <tr> <td> += </td> <td> x+=y </td> <td> x=x+y </td> <td> x=15 </td> </tr> <tr> <td> -= </td> <td> x-=y </td> <td> x=x-y </td> <td> x=5 </td> </tr> <tr> <td> *= </td> <td> x*=y </td> <td> x=x*y </td> <td> x=50 </td> </tr> <tr> <td> /= </td> <td> x/=y </td> <td> x=x/y </td> <td> x=2 </td> </tr> <tr> <td> %= </td> <td> x%=y </td> <td> x=x%y </td> <td> x=0 </td> </tr> </tbody> </table> ## 關系運算符 >[info]關系運算符執行的是比較運算。每個關系運算符都返回一個布爾值。 <table class="dataintable"> <tbody><tr> <th>表達式</th> <th>值</th> </tr> <tr> <td>3 > 2</td> <td>true</td> </tr> <tr> <td>2 < 3</td> <td>true</td> </tr> <tr> <td>3 >= 2</td> <td>true</td> </tr> <tr> <td>2 <= 2</td> <td>true</td> </tr> <tr> <td>2 != 3</td> <td>true</td> </tr> <tr> <td>2 == 2</td> <td>true</td> </tr> <tr> <td>2 !== '2'</td> <td>true</td> </tr> <tr> <td>2 === '2'</td> <td>false</td> </tr> </tbody> </table> >[danger]== 比較兩個數的值是否相等 >[danger]=== 不但比較值是否相等，還比較類型是否相等。 ## 邏輯運算符 >[info]大家經常聽到與或非，多條件的判斷（&&,||,!）. * &&(與)運算符兩邊只要有一個是假，那么他的運算結果就是假，只有兩個都為真的時候，運算結果才是真的。 * ||(或)算符兩邊只要有一個是真的那么他就是真的，只有當兩個都是假的時候，他才是假的。 * !(非)取反，假的變成真的，真的變成假的。 ~~~ <script type="text/javascript"> var a= true; var b= true; alert(a && b); //輸出true var a= false; var b= true; alert(a || b); //輸出true var a= true; alert(!a); //輸出false </script> ~~~ ## 條件運算符(三元表達式) >[info]該表達式主要是根據 boolean_expression 的計算結果有條件地為變量賦值。如果 Boolean_expression 為 true，就把 true_value 賦給變量；如果它是 false，就把 false_value 賦給變量。 ~~~ <script type="text/javascript"> var iNum1 = 10; var iNum2 = 20; var iMax = (iNum1 > iNum2) ? iNum1 : iNum2; alert(iMax);//輸出20 </script> ~~~ >[danger]**作業：**上面的內容看似簡單，很多同學任意知道就行，有時候知道并不一定行，還是需要動手寫出來才行，寫的過程中會遇到很多問題，解決這些問題才能真正的成長。