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

原文:从头开始学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);      //0
10
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);      //Infinity
10
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);       //NaN
10
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);//true
4         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);   //25
7
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);     //20
11
12         num /= 10;
13         alert(num);     //2
14
15         num -= 2;
16         alert(num);     //0
17
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>

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

时间: 2024-09-20 07:26:28

从头开始学JavaScript (五)——操作符(二)的相关文章

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

原文:从头开始学JavaScript (四)--操作符 一.一元操作符 1.自增自减操作符:分为前置型和后置型: 前置型:++a;--a; 后置型:a++;a--; 例: 1 <script type="text/javascript"> 2 var a, b,i= 1,j=1; 3 a=i++; 4 b=++j; 5 alert("a="+a+",i="+i+",b="+b+",j="+j);

从头开始学JavaScript (十二)——Array类型

原文:从头开始学JavaScript (十二)--Array类型 一.数组的创建 注:ECMAscript数组的每一项都可以保存任何类型的数据 1.1Array构造函数 var colors = new Array(); 如果预先知道数组要保存的项目数量,也可以给构造函数传递该数量: var colors = new Array(20); 也可以向构造函数传递数组中应该包含的项: var colors = new Array("red", "blue", "

从头开始学JavaScript (六)——语句

原文:从头开始学JavaScript (六)--语句 一.条件分支语句:if 基本格式: if (<表达式1>){    <语句组1>}else if (<表达式2>){    <语句组2>}else{    <语句组3>}  执行流程: 二.循环语句 2.1前测试循环语句:在循环体内的代码被执行之前就对出口条件求值. 2.1.1while语句 基本格式: do {    <语句组>} while (<表达式>)  执行流

从头开始学JavaScript (八)——变量

原文:从头开始学JavaScript (八)--变量 一.变量分类: 基本类型值:null.undefined.number.string.Boolean: 引用类型值:保存在内存中的对象,如:Object / Array / Function / Date / RegExp / Error / Map / Set - 二.属性 二者的定义方式是类似的:创建一个变量并为其赋值. 2.1基本类型值不能添加删除属性 2.2引用类型的属性可以动态添加删除属性 例如: 1 <script type=&quo

从头开始学JavaScript (十一)——Object类型

原文:从头开始学JavaScript (十一)--Object类型 一.object类型 一个object就是一系列属性的集合,一个属性包含一个名字(属性名)和一个值(属性值). object对于在应用程序中存储和传输数据而言,是非常理想的选择 二.创建object 创建object实例有两种方法: 使用new 操作符后跟object构造函数 使用对象初始化器,也就是对象字面量表示法 2.1使用new 操作符后跟object构造函数创建object实例: 1 var person = new O

从头开始学JavaScript (九)——执行环境和作用域

原文:从头开始学JavaScript (九)--执行环境和作用域 一.执行环境:定义了变量或者函数有权访问的其他数据,决定了它们各自的行为.每个执行环境都有与之关联的变量对象. 变量对象:保存着环境中定义的变量和函数. 作用域链:保证对执行环境有权访问的所有变量和函数的有序访问. 标识符解析:沿着作用域链一级一级地搜索标识符的过程. 通过例子来说明执行环境.变量对象以及作用域链: 1 <script type="text/javascript"> 2 var color =

从头开始学JavaScript (十)——垃圾收集

原文:从头开始学JavaScript (十)--垃圾收集 一.垃圾收集 1.1javascript垃圾收集机制: 自动垃圾收集,执行环境会负责管理代码执行过程中的使用的内存.而在C和C++之类的语言中,开发人员的一项基本任务就是手动跟踪内存的使用情况,这是造成许多问题的一个根源.在编写javascript程序时候,开发人员不用再关心内存使用的问题,所需内存的分配 以及无用的回收完全实现了自动管理. 1.2垃圾收集原理: 找出那些不再继续使用的变量,然后释放其中占用的内存. 垃圾收集器会按照固定的

学JavaScript七大注意事项【必看】_基础知识

知识说明: 初学JavaScript,注意以下七大细节,在实现同样功能的情况下,让我们的代码更易懂.效率更高. 一.简化代码 例如:创建对象 之前是这样的: Var car = new object(); Car.color = "red"; Car.wheels = 4; Car.age = 8; 而现在可以写成这样子: Var car = {color:'red', wheels:4, age:8} 例如:创建数组 之前是这样的: Var studentArray = new Ar

c++-学C++的大二学生求指导

问题描述 学C++的大二学生求指导 现在应该往哪方面拓展啊,我成绩一般般,感觉没学到什么,连一些简单的小应用都不会做 解决方案 同大二路过,自己喜欢学什么旧学咯,兴趣 解决方案二: 熟悉了c++的语法之后,可以开始学MFC了,推荐孙鑫的<VC++深入详解>,刚开始入门会比较难,但是学好这个很有用. 解决方案三: 先学基础,写写小算法,解解基本的练习题,然后写些类,接口,继承等.然后写些应用程序.可以边学这个边学LINUX以后找工作会很有用.都是这么一步步过来的,别急慢慢来,积累的多了就好了.