JavaScript 学习笔记之操作符(续)


Posted in Javascript onJanuary 14, 2015

一、乘性操作符

1、乘法:*

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

如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscript数值的表示范围,则返回infinity或者-infinity
如果有一个操作数是NaN,那返回结果就是NaN
如果是infinity与0相乘,返回NaN
如果infinity与非0数相乘,返回infinity或者-infinity
infinity与infinity相乘,返回infinity
如果有一个操作数不是数值,后台会先调用number()将其转化为数值,再应用上面的规则

<script type="text/javascript">

   

       alert(5 * 6);           //30

       alert(5 * NaN);         //NaN

       alert(Infinity * 0);    //NaN

       alert(Infinity * 2);    //Infinity

       alert("5" * 5);         //25

       alert(true * 10);       //10

       alert(false * 10);      //0

      

   </script>

2、除法:/

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

如果操作数都是数值,按照常规的除法计算,如果商超过了ECMAscript数值的表示范围,则返回infinity或者-infinity
如果有一个操作数是NaN,那返回结果就是NaN
如果是infinity被infinity除,返回NaN
如果是0被0除,返回NaN
如果是非0的有限数被0除,返回infinity或者-infinity
如果是infinity被非0的有限数除,返回infinity或者-infinity
如果有一个操作数不是数值,后台会先调用number()将其转化为数值,再应用上面的规则

  <script type="text/javascript"> 

         alert(5 / 5);           //1

         alert(5 / NaN);         //NaN

         alert(Infinity / Infinity);    //NaN

         alert(Infinity / 2);    //Infinity

         alert(5 / 0);           //Infinity

         alert(10 / true);       //10

         alert(10 / false);      //Infinity

     </script>

3、求模(余数):%

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

如果操作数都是数值,按照常规的除法计算,返回除得的余数
如果被除数是无穷大,除数是有限数,那返回结果就是NaN
如果被除数是有限大,除数是0,返回NaN
如果是infinity被infinity除,返回NaN
如果被除数是有限大而除数是无穷大,返回被除数
如果被除数是0,返回0
如果有一个操作数不是数值,后台会先调用number()将其转化为数值,再应用上面的规则

<script type="text/javascript">

   

       alert(26 % 5);          //1

       alert(Infinity % 3);    //NaN

       alert(3 % 0);           //NaN

       alert(5 % Infinity);    //5

       alert(0 % 10);          //0

       alert(true % 25);       //1

       alert(3 % false);       //NaN

      

   </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、全等和不全等:==和===

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

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

例如:

var result1 = ("55" == 55);    

var result2 = ("55" === 55); 

alert(result1);//true

alert(result2); //false"55"是字符串,55是数字,类型不一样

五、条件操作符

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

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

 <script type="text/javascript">

         var num1 = 10;

         var num2 = 25;

         var num3 = (num2 > num1) ? num2 : num1;

         alert(num3);   //25

     </script>

六、赋值操作符

1、简单赋值操作符:=

var num1 = 10;
num=num1+10;
2、复合赋值操作符:+=、-=、*=、/=、%=、>>=、<<=、>>>=

  <script type="text/javascript">

         var num = 5;

         alert(num);     //5

         num += 5;

         alert(num);     //10

         num *= 2;

         alert(num);     //20

         num /= 10;

         alert(num);     //2

         num -= 2;   

         alert(num);     //0

     </script>

七、逗号操作符

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

用途:1、声明多个变量

var num1=1,num2=2,num3=3;
2、赋值

var num=(0,1,2,3)//num=3
在用于赋值操作时,逗号操作符总是返回最后一个表达式的值。

练习区:

  <script type="text/javascript">

         var num1 = 5;

         var num2 = 10;

         var message = "The sum of 5 and 10 is " + num1 + num2;

         alert(message);  

    </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>

以上就是本文的全部内容了,对于javascript的操作符的讲解也就到此结束了,下篇文章我们来讲解javascript语句。

Javascript 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 Javascript
浅谈javascript的原型继承
Jul 25 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
AngularJS模态框模板ngDialog的使用详解
May 11 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
最新最全的手机号验证正则表达式
Feb 24 Javascript
JavaScript 学习笔记之操作符
Jan 14 #Javascript
Node.js的包详细介绍
Jan 14 #Javascript
JavaScript 学习笔记之数据类型
Jan 14 #Javascript
ExpressJS入门实例
Jan 14 #Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 #Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 #Javascript
jquery简单图片切换显示效果实现方法
Jan 14 #Javascript
You might like
PHP 第三节 变量介绍
2012/04/28 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
php实现图片以base64显示的方法
2016/10/13 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
javascript类继承机制的原理分析
2009/09/12 Javascript
IE 当eval遇上function的处理
2011/08/09 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
2013/12/16 Javascript
node.js中的path.sep方法使用说明
2014/12/08 Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
jQuery.validate.js表单验证插件的使用代码详解
2018/10/22 jQuery
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
python批量复制图片到另一个文件夹
2018/09/17 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
Python celery原理及运行流程解析
2020/06/13 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
跑操口号
2014/06/12 职场文书
党员先进性教育整改措施
2014/09/18 职场文书
二审代理词范文
2015/05/25 职场文书
仰望星空观后感
2015/06/10 职场文书
色戒观后感
2015/06/12 职场文书
MySQL普通表如何转换成分区表
2022/05/30 MySQL
Python编写车票订购系统 Python实现快递收费系统
2022/08/14 Python