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]**作业：**上面的内容看似简单，很多同学任意知道就行，有时候知道并不一定行，还是需要动手写出来才行，写的过程中会遇到很多问题，解决这些问题才能真正的成长。