您的位置:www.85058.com > 互联网资讯 > ES笔记—基础之操作符篇

ES笔记—基础之操作符篇

发布时间:2019-11-17 10:48编辑:互联网资讯浏览(71)

    图片 1

    描述:用于操作数据值的操作符,包括算术操作符(如加号和减号)、位操作符、关系操作符和相等操作符。

    一、加性操作符

    1、一元操作符

    描述:只能操作一个值的操作符叫做一元操作符。

    递增和递减操作符

    // 前置
    var age = 29;
    var anotherAge = --age + 2;
    console.log(age); // 输出 28
    console.log(anotherAge); // 输出 30
    // 后置
    var num1 = 2;
    var num2 = 20;
    var num3 = num1-- + num2; // 等于 22
    var num4 = num1 + num2; // 等于 21
    

    一元加和减操作符主要用于基本的算术运算,也可以用于转换数据类型。

    var s1 = "01";
    var s2 = "1.1";
    var s3 = "z";
    var b = false;
    var f = 1.1;
    var o = {
      valueOf: function() {
        return -1;
      }
    };
    s1 = -s1; // 值变成了数值-1
    s2 = -s2; // 值变成了数值-1.1
    s3 = -s3; // 值变成了 NaN
    b = -b; // 值变成了数值 0
    f = -f; // 变成了-1.1
    o = -o; // 值变成了数值 1
    

    加性操作符主要包括加法。在ECMAScript中,加性操作符也会在后台转换不同的数据类型。

    2、布尔操作符

    描述:共有 3 个:非(NOT)、与(AND)和或(OR)
    2.1 、逻辑非操作符由一个叹号(!)表示,可以应用于 ECMAScript 中的任何值。无论这个值是什么数据类型,这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。逻辑非操作符遵循下列规则:

    操作数是一个对象,返回 false;
    操作数是一个空字符串,返回 true;
    操作数是一个非空字符串,返回 false;
    操作数是数值 0,返回 true;
    操作数是任意非 0 数值(包括 Infinity),返回 false;
    操作数是 null,返回 true;
    操作数是 NaN,返回 true;
    操作数是 undefined,返回 true。

    console.log(!false); // true
    console.log(!"blue"); // false
    console.log(!0); // true
    console.log(!NaN); // true
    console.log(!""); // true
    console.log(!12345); // false
    

    逻辑非操作符也可以用于将一个值转换为与其对应的布尔值。而同时使用两个逻辑非操作符,实际上就会模拟 Boolean()转型函数的行为。

    console.log(!!"blue"); //true
    console.log(!!0); //false
    console.log(!!NaN); //false
    console.log(!!""); //false
    console.log(!!12345); //true
    

    2.2、逻辑与操作符由两个和号(&&)表示,有两个操作数

    逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时,它遵循下列规则:

    第一个操作数是对象,则返回第二个操作数;
    第二个操作数是对象,则只有在第一个操作数的求值结果为 true 的情况下才会返回该对象;
    两个操作数都是对象,则返回第二个操作数;
    有一个操作数是 null,则返回 null;
    有一个操作数是 NaN,则返回 NaN;
    有一个操作数是 undefined,则返回 undefined。

    逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。对于逻辑与操作而言,如果第一个操作数是 false,则无论第二个操作数是什么值,结果都不再可能是true 。

    var found = false;
    var result = (found && someUndefinedVariable); // 不会发生错误
    alert(result); // 会执行( "false")
    

    2.3、逻辑或操作符由两个竖线符号(||)表示,有两个操作数

    与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它遵循下列规则:

    第一个操作数是对象,则返回第一个操作数;
    第一个操作数的求值结果为 false,则返回第二个操作数;
    两个操作数都是对象,则返回第一个操作数;
    两个操作数都是 null,则返回 null;
    两个操作数都是 NaN,则返回 NaN;
    两个操作数都是 undefined,则返回 undefined。

    与逻辑与操作符相似,逻辑或操作符也是短路操作符。也就是说,如果第一个操作数的求值结果为
    true,就不会对第二个操作数求值了

    var found = true;
    var result = (found || someUndefinedVariable); // 不会发生错误
    alert(result); // 会执行( "true")
    

    二、加法

    3、乘性操作符

    乘性操作符:乘法、除法和求模,在操作数为非数值的情况下会执行自动的类型转换。即参与乘性计算某个操作数不是数值,后台会先使用 Number()转型函数将其转换为数值。

    3.1、 乘法操作符由一个星号(*)表示,用于计算两个数值的乘积

    var result = 34 * 56;
    

    在处理特殊值的情况下,乘法操作符遵循下列特殊的规则:

    操作数都是数值,执行常规的乘法计算。乘积超过了 ECMAScript 数值的表示范围,则返回 Infinity 或-Infinity;
    有一个操作数是 NaN,则结果是 NaN;
    Infinity 与 0 相乘,则结果是 NaN;
    Infinity 与非 0 数值相乘,则结果是 Infinity 或-Infinity;
    Infinity 与 Infinity 相乘,则结果是 Infinity;
    操作数不是数值,则在后台调用 Number()将其转换为数值,然后再应用上面的规则。

    3.2、除法操作符由一个斜线符号(/)表示,执行第二个操作数除第一个操作数的计算

    var result = 66 / 11;
    

    对特殊的值也有特殊的处理规则。这些规则如下:

    操作数都是数值,执行常规的除法计算。如果商超过了 ECMAScript 数值的表示范围,则返回 Infinity 或-Infinity;
    一个操作数是 NaN,则结果是 NaN;
    Infinity 被 Infinity 除,则结果是 NaN;
    零被零除,则结果是 NaN;
    非零的有限数被零除,则结果是 Infinity 或-Infinity;
    Infinity 被任何非零数值除,则结果是 Infinity 或-Infinity;
    操作数不是数值,则在后台调用 Number()将其转换为数值,然后再应用上面的规则。

    3.3、求模(余数)操作符由一个百分号(%)表示

    var result = 26 % 5; // 等于 1
    

    求模操作符会遵循下列特殊规则来处理特殊的值:

    操作数都是数值,执行常规的除法计算,返回除得的余数;
    被除数是无穷大值而除数是有限大的数值,则结果是 NaN;
    被除数是有限大的数值而除数是零,则结果是 NaN;
    Infinity 被 Infinity 除,则结果是 NaN;
    被除数是有限大的数值而除数是无穷大的数值,则结果是被除数;
    被除数是零,则结果是零;
    操作数不是数值,则在后台调用 Number()将其转换为数值,然后再应用上面的规则。

    加法操作符的用法如下:var result = 1 + 2;

    4、加性操作符

    描述:加法和减法这两个加性操作符应该说是编程语言中最简单的算术操作符了。但是在 ECMAScript 中,这两个操作符却都有一系列的特殊行为。与乘性操作符类似,加性操作符也会在后台转换不同的数据类型。然而,对于加性操作符而言,相应的转换规则还稍微有点复杂。

    4.1、加法操作符(+)

    var result = 1 + 2;
    

    两个操作符都是数值,执行常规的加法计算,然后根据下列规则返回结果:

    有一个操作数是 NaN,则结果是 NaN;
    Infinity 加 Infinity,则结果是 Infinity;
    -Infinity 加-Infinity,则结果是-Infinity;
    Infinity 加-Infinity,则结果是 NaN;
    +0 加+0,则结果是+0;
    -0 加-0,则结果是-0;
    是+0 加-0,则结果是+0。

    如果有一个操作数是字符串,那么就要应用如下规则:

    两个操作数都是字符串,则将第二个操作数与第一个操作数拼接起来;
    只有一个操作数是字符串,则将另一个操作数转换为字符串,然后再将两个字符串拼接起来。
    有一个操作数是对象、数值或布尔值,则调用它们的 toString()方法取得相应的字符串值,然后再应用前面关于字符串的规则。
    对于 undefined 和 null,则分别调用 String()函数并取得字符串"undefined"和"null"。

    var result1 = 5 + 5; // 两个数值相加
    console.log(result1); // 10
    var result2 = 5 + "5"; // 一个数值和一个字符串相加
    console.log(result2); // "55"
    

    4.2、减法操作符(-)

    var result = 2 - 1;
    

    减法操作符在处理各种数据类型转换时,同样需要遵循一些特殊规则,如下所示:

    两个操作符都是数值,则执行常规的算术减法操作并返回结果;
    有一个操作数是 NaN,则结果是 NaN;
    Infinity 减 Infinity,则结果是 NaN;
    -Infinity 减-Infinity,则结果是 NaN;
    Infinity 减-Infinity,则结果是 Infinity;
    -Infinity 减 Infinity,则结果是-Infinity;
    +0 减+0,则结果是+0;
    +0 减-0,则结果是-0;
    -0 减-0,则结果是+0;
    操作数是字符串、布尔值、 null 或 undefined,则先在后台调用 Number()函数将其转换为数值,然后再根据前面的规则执行减法计算。如果转换的结果是 NaN,则减法的结果就是 NaN;
    操作数是对象,则调用对象的 valueOf()方法以取得表示该对象的数值。如果得到的值是 NaN,则减法的结果就是 NaN。如果对象没有 valueOf()方法,则调用其 toString()方法并将得到的字符串转换为数值。

    var result1 = 5 - true; // 4,因为 true 被转换成了 1
    var result2 = NaN - 1; // NaN
    var result3 = 5 - 3; // 2
    var result4 = 5 - ""; // 5,因为"" 被转换成了 0
    var result5 = 5 - "2"; // 3,因为"2"被转换成了 2
    var result6 = 5 - null; // 5,因为 null 被转换成了 0
    

    运行规则如下:

    5、关系操作符

    描述:小于(<) 、大于(>) 、小于等于(<=)和大于等于(>=)用于对两个值进行比较。都返回一个布尔值

    var result1 = 5 > 3; //true
    var result2 = 5 < 3; //false
    

    关系操作符的操作数使用了非数值时,也要进行数据转换或完成某些奇怪的操作。以下就是相应的规则。

    两个操作数都是数值,则执行数值比较;
    两个操作数都是字符串,则比较两个字符串对应的字符编码值;
    操作数是数值,则将另一个操作数转换为一个数值,然后执行数值比较;
    操作数是对象,则调用这个对象的 valueOf()方法,用得到的结果按照前面的规则执行比较。如果对象没有 valueOf()方法,则调用 toString()方法,并用得到的结果根据前面的规则执行比较;
    操作数是布尔值,则先将其转换为数值,然后再执行比较;
    任何操作数与 NaN 进行关系比较,结果都是 false。

    如果两个操作符都是数值,则执行常规的加法计算。

    6、相等操作符

    描述:确定两个变量是否相等是编程中的一个非常重要的操作。涉及到对象的比较时,问题就变得复杂了。最早的 ECMAScript 中的相等和不等操作符会在执行比较之前,先将对象转换成相似的类型。后来,有人提出了这种转换到底是否合理的质疑。最后, ECMAScript 的解决方案就是提供两组操作符: 相等和不相等——先转换再比较, 全等和不全等——仅比较而不转换。

    6.1、相等操作符由两个等于号(==)表示,如果两个操作数相等,则返回 true。而不相等操作符由叹号后跟等于号(!=)表示,如果两个操作数不相等,则返回 true。这两个操作符都会先转换操作数(通常称为强制转型),然后再比较它们的相等性。

    在转换不同的数据类型时,相等和不相等操作符遵循下列基本规则:

    有一个操作数是布尔值,则在比较相等性之前先将其转换为数值——false 转换为 0,而true 转换为 1;
    一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值;
    一个操作数是对象,另一个操作数不是,则调用对象的 valueOf()方法,用得到的基本类型值按照前面的规则进行比较;
    null 和 undefined 是相等的;
    要比较相等性之前,不能将 null 和 undefined 转换成其他任何值;
    有一个操作数是 NaN,则相等操作符返回 false,而不相等操作符返回 true。重要提示:即使两个操作数都是 NaN,相等操作符也返回 false;因为按照规则, NaN 不等于 NaN。
    两个操作数都是对象,则比较它们是不是同一个对象。如果两个操作数都指向同一个对象,则相等操作符返回 true;否则,返回 false。

    null == undefined // true
    true == 1 // true
    "NaN" == NaN // false
    true == 2 // false
    5 == NaN // false
    undefined == 0 // false
    NaN == NaN // false
    null == 0 // false
    NaN != NaN // true
    "5"==5 // true
    false == 0 // true
    

    6.2、全等操作符由 3 个等于号(===)表示,它只在两个操作数未经转换就相等的情况下返回 true。不全等操作符由一个叹号后跟两个等于号(!==)表示,它在两个操作数未经转换就不相等的情况下返回 true。

    var result1 = ("55" == 55); //true,因为转换后相等
    var result2 = ("55" === 55); //false,因为不同的数据类型不相等
    var result1 = ("55" != 55); //false,因为转换后相等
    var result2 = ("55" !== 55); //true,因为不同的数据类型不相等
    

    如果有一个操作符是字符串,那么就要应用如下规则:

    7、条件操作符

    条件操作符应该算是 ECMAScript 中最灵活的一种操作符了,而且它遵循与 Java 中的条件操作符相同的语法形式,如下面的例子所示:variable = boolean_expression ? true_value : false_value

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

    本文由www.85058.com发布于互联网资讯,转载请注明出处:ES笔记—基础之操作符篇

    关键词: