JavaScript 学习笔记之操作符(续)_基础知识

一、乘性操作符

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语句。

时间: 2024-08-03 16:29:47

JavaScript 学习笔记之操作符(续)_基础知识的相关文章

Javascript学习笔记一 之 数据类型_基础知识

一.数据类型 Javascript是一种弱类型的脚本语言,它一共有6种数据类型,又被分为基础数据类型,特殊数据类型,复合数据类型. 1.基础数据类型:数值型,字符串型,布尔型 2.特殊数据类型:null,undefined(区别在于null需要显性赋值,而undefined表示没有赋值) 3.复合(引用)数据类型:Object(数组是特殊的对象) 注:理解基础数据类型和引用数据类型的区别.如函数参数传递 二. 包装类和基础数据类型的关系 对于基础数据类型,都有相应的包装类(Object对象)与之

JavaScript学习笔记之JS对象_基础知识

默认对象 日期对象Date, 格式:日期对象名称=new Date([日期参数]) 日期参数: 1.省略(最常用): 2.英文-数值格式:月 日,公元年 [时:分:秒] 如:today=new Date("October 1,2008 12:00:00") 3.数值格式:公元年,月,日,[时,分,秒] 如:today=new Date(2008,10,1) 日期对象的方法: 格式:日期对象名称.方法([参数]) 使用例子: 复制代码 代码如下: <body>     <

JavaScript学习笔记之内置对象_基础知识

JS Window 窗口对象:http://www.w3school.com.cn/js/js_window.asp 所有浏览器都支持window对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为window对象的成员. 窗口对象的属性和方法格式: [window.]属性 [window.]方法(参数) 甚至 HTML DOM 的 document 也是 window 对象的属性之一: window.document.getElementById("heade

JavaScript 学习笔记(十一)_基础知识

document对象 下表列出了BOM的document对象的一些通用属性: 属    性 说    明 alinkColor 激活的链接的颜色,如<body alink="color">定义的* bgColor 页面的背景颜色,如<body bgcolor="color">定义的* fgColor 页面的文本颜色,如<body text="color">定义的* lastModified 最后修改页面的日期,

JavaScript学习笔记之JS函数_基础知识

函数就是包裹在花括号中的代码块,前面使用了关键词function: 复制代码 代码如下: function functionName() {     这里是要执行的代码 } 函数参数 函数的参数可以任意多个,不用声明变量类型,只用给出变量名: 复制代码 代码如下: function myFunction(name, job) {     这里是要执行的代码 } 函数返回值 在函数中使用return语句,函数会停止执行,返回调用它的地方. 函数的返回值也不用声明类型,直接返回即可. 复制代码 代码

JavaScript学习笔记之Cookie对象_基础知识

JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据). Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. Cookie文件的格式: NS:Cookie.txt IE:用户名@域名.txt 有两种类型的cookie: (1)持久性cookie,会被存储到客户端的硬盘上. (2)会话Cookie:不

JavaScript学习笔记之Function对象_基础知识

在JavaScript中,函数function就是对象. JS中没有方法重载 在JavaScript中,没有方法(函数)重载的概念. 例子: 复制代码 代码如下: <html>        <head>               <script type="text/javascript">               function add(number)               {                     alert(n

javascript学习笔记(十一) 正则表达式介绍_基础知识

1.修饰符 . 任意一个字符 * 匹配*前面0个或多个字符 + 匹配+前面一个或多个字符 ? 匹配?前面0个或1个字符 ^ 以^后面的字符为前导 $ 以$前面的字符结尾 [] 匹配[]内的一个字符 () 分组,可以用\1 \2提取 [^] 匹配^后的以外的字符 {n} {n}前的字符有n个,n为正数 {n,} {n,}前的字符至少有n个,n为正数 {n,m} {n,m}前的字符有n~m个,n,m为正数 2.字符 \d 一个数字 \D 一个非数字 \w 一个字母或数字 \W 一个非字母和非数字 \

JavaScript高级程序设计(第3版)学习笔记12 js正则表达式_基础知识

需要指出的是,这里只是总结了正则表达式的常用的且比较简单的语法,而不是全部语法,在我看来,掌握了这些常用语法,已经足够应对日常应用了.正则表达式不只是应用在ECMAScript中,在JAVA..Net.Unix等也有相应应用,这篇文章则是以ECMAScript中的正则表达式为基础总结的. 一.正则表达式基础 1.普通字符:字母.数字.下划线.汉字以及所有没有特殊意义的字符,如ABC123.在匹配时,匹配与之相同的字符. 2.特殊字符:(需要时,使用反斜杠"\"进行转义) 字符 含义 字

JavaScript高级程序设计(第3版)学习笔记5 js语句_基础知识

砖瓦和水泥都有了,接下来该是砌墙了,在ECMAScript中,语句就是我们需要砌的墙了.语句也和操作符一样,对于有C背景的人来说再自然不过了,下面采用类似的形式整理一下语句的相关知识,重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方,同样,没有强调的但比较基础的语句并非不重要,而是我认为你已经熟悉. 语句一览 语句 语法 简要描述 简单语句  ; 语句以分号(;)结束,在不引起歧义的情况下也可以省略分号. 语句块 {} 使用大括号({})将一组语句放一起组成一个语句块,在EC