首页 > 网站 > WEB开发 > 正文

从头开始学JavaScript (五)——操作符(二)

2024-04-27 14:14:06
字体:
来源:转载
供稿:网友

从头开始学javaScript (五)——操作符(二)

一、乘性操作符

1、乘法:*

乘法操作符的一些特殊规则:

  • 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscript数值的表示范围,则返回infinity或者-infinity
  • 如果有一个操作数是NaN,那返回结果就是NaN
  • 如果是infinity与0相乘,返回NaN
  • 如果infinity与非0数相乘,返回infinity或者-infinity
  • infinity与infinity相乘,返回infinity
  • 如果有一个操作数不是数值,后台会先调用number()将其转化为数值,再应用上面的规则
 1 <script type="text/Javascript"> 2      3         alert(5 * 6);           //30 4         alert(5 * NaN);         //NaN 5         alert(Infinity * 0);    //NaN 6         alert(Infinity * 2);    //Infinity 7         alert("5" * 5);         //25 8         alert(true * 10);       //10 9         alert(false * 10);      //010        11     </script>

2、除法:/

除法操作符的一些特殊规则:

  • 如果操作数都是数值,按照常规的除法计算,如果商超过了ECMAscript数值的表示范围,则返回infinity或者-infinity
  • 如果有一个操作数是NaN,那返回结果就是NaN
  • 如果是infinity被infinity除,返回NaN
  • 如果是0被0除,返回NaN
  • 如果是非0的有限数被0除,返回infinity或者-infinity
  • 如果是infinity被非0的有限数除,返回infinity或者-infinity
  • 如果有一个操作数不是数值,后台会先调用number()将其转化为数值,再应用上面的规则
 1  <script type="text/javascript"> 2      3         alert(5 / 5);           //1 4         alert(5 / NaN);         //NaN 5         alert(Infinity / Infinity);    //NaN 6         alert(Infinity / 2);    //Infinity 7         alert(5 / 0);           //Infinity 8         alert(10 / true);       //10 9         alert(10 / false);      //Infinity10        11     </script>

3、求模(余数):%

求模操作符的一些特殊规则:

  • 如果操作数都是数值,按照常规的除法计算,返回除得的余数
  • 如果被除数是无穷大,除数是有限数,那返回结果就是NaN
  • 如果被除数是有限大,除数是0,返回NaN
  • 如果是infinity被infinity除,返回NaN
  • 如果被除数是有限大而除数是无穷大,返回被除数
  • 如果被除数是0,返回0
  • 如果有一个操作数不是数值,后台会先调用number()将其转化为数值,再应用上面的规则
 1  <script type="text/javascript"> 2      3         alert(26 % 5);          //1 4         alert(Infinity % 3);    //NaN 5         alert(3 % 0);           //NaN 6         alert(5 % Infinity);    //5 7         alert(0 % 10);          //0 8         alert(true % 25);       //1 9         alert(3 % false);       //NaN10        11     </script>

二、加性操作符

1、加法操作符:+

如果操作数中有一个是字符串:

  • 如果两个操作数都是字符串,那么将第二个操作数拼接到第一个操作数后面。
  • 如果只有一个操作数是字符串,那么将另一个操作数转化为字符串后再执行上述规则
<script type="text/javascript">            var result1 = 5 + 5;     //数字加数字        alert(result1);           //10        var result2 = 5 + "5";   //数字加字符串        alert(result2);           //"55"           </script>

2、减法操作符:-

如果有一个操作数是字符串、布尔值、null或者undefined,则在后台先调用number()将其转化为数值,然后执行减法。

三、关系操作符

大于:>

小于:<

大于等于:>=

小于等于:<=

关系操作符特殊规则:

如果操作数是字符串,对比两个字符串相应的字符编码

如果操作数一个是数值,则先将另一个操作数转化为数值,再进行比较

任何数与NaN进行比较,结果都是false

四、相等操作符

1、相等和不相等:==和!=

这两个操作符都会先将操作数转换为同一类型再进行比较

转换时,相等和不相等操作符遵循如下规则:

  • 如果其中一个操作数的类型为Boolean,那么,首先将它转换为数字类型,false转换为0, true将转换为1。
  • 如果其中一个操作数的类型是字符串,另外一个为数字类型,那么,将字符串转换为数字进行比较。
  • 如果其中一个操作数是对象,另一个不是,则先调用操作数的valueof()方法,得到基本类型值之后再比较

比较时的特殊规则:

  • null和undefined是相等的。
  • null和undefined不会转换为任何其他类型
  • 如果任何一个操作的结果为NaN,那么相等比较返回false,不相等比较返回true。注意,即使两个操作数都为NaN,返回结果一样是false,也就是说,NaN不等于NaN。
  • 如果两个操作数都是对象,那么比较它们引用的值,如果引用同一个对象,那么,返回真,否则,返回假。

2、全等和不全等:==和===

==会将操作数转换成同一类型比较;

===不会转换类型,直接比较

例如:

1 var result1 = ("55" == 55);    2         var result2 = ("55" === 55); 3         alert(result1);//true4         alert(result2); //false"55"是字符串,55是数字,类型不一样

五、条件操作符

变量=条件表达式?真值:假值

首先会对条件表达式求值,如果结果是真,则把真值赋给变量,如果为假则把假值赋给变量。

1 <script type="text/javascript">2             3         var num1 = 10;4         var num2 = 25;5         var num3 = (num2 > num1) ? num2 : num1;6         alert(num3);   //257 8     </script>

六、赋值操作符

1、简单赋值操作符:=

var num1 = 10;num=num1+10;

2、复合赋值操作符:+=、-=、*=、/=、%=、>>=、<<=、>>>=

 1  <script type="text/javascript"> 2      3         var num = 5; 4         alert(num);     //5 5          6         num += 5; 7         alert(num);     //10 8          9         num *= 2;10         alert(num);     //2011 12         num /= 10;13         alert(num);     //214         15         num -= 2;   16         alert(num);     //017         18         19     </script>

七、逗号操作符

逗号操作符可以在一条语句中执行多个操作

用途:1、声明多个变量

var num1=1,num2=2,num3=3;

2、赋值

var num=(0,1,2,3)//num=3

在用于赋值操作时,逗号操作符总是返回最后一个表达式的值。

练习区:

 1  <script type="text/javascript"> 2              3         var num1 = 5; 4         var num2 = 10; 5         var message = "The sum of 5 and 10 is " + num1 + num2; 6         alert(message);   7    </script>
<script type="text/javascript">                    alert(null == undefined);            alert(null === undefined);                   alert("NaN" == NaN);               alert("NaN" === NaN);              alert(NaN == NaN);                 alert(NaN === NaN);                alert(NaN != NaN);                alert(NaN !== NaN);                         alert(false == 0);               alert(false === 0);               alert(true == 1);                alert(true === 1);                     alert(null == 0);                 alert(undefined == 0);                    alert(5 == "5");                  alert(5 === "5");                       </script>

如果要知道答案请在评论区留言~~


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表