JS基础类型转换——不同数据类型比较

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS基础类型转换——不同数据类型比较相关的知识,希望对你有一定的参考价值。

小试牛刀

  输出下列数据比较结果

    [] == 0; //==============================================================true
    [] == false; //==========================================================true
    [] == undefined; //======================================================false
    [] == null; //===========================================================false
    [] == ‘‘; //=============================================================true

    0 == false; //===========================================================true
    0 == undefined; //=======================================================false
    0 == null; //============================================================false
    0 == ‘‘; //==============================================================true

    false == undefined; //===================================================false
    false == null; //========================================================false
    false == ‘‘; // =========================================================true
    false == ‘false‘; //=====================================================fasle

    undefined == null; //====================================================true
    undefined == ‘‘; // =====================================================false
    undefined == ‘undefined‘; //=============================================false

    null == ‘‘; //===========================================================false

  有没有全对呢?If the answer is "yes", congratulations!

两个不同类型数据比较时隐式转换规则

  1)  数字和字符串、布尔类型、数组进行比较时,字符串(或布尔类型、或数组)先转换为数字(Number),再进行比较;数组转数字请参看后文。

    123 == ‘123asd‘; //false
    123 == ‘123‘; //true

    123 == false; //false
    123 == true; //false

  使用 if(num) 和 if(num == true) 结果不一样。前者使用Boolean()转换Num, 后者使用Number转换true。

    var num = 123;
    if(num) {
        console.log(1); //输出1
    }
    if(num == true) {
        console.log(2); //无输出
    }

    var str = "qwe";
    if(str) {
        console.log(1); //输出1
    }
    if(str == true) {
        console.log(2); //无输出
    }

  

  2) 字符串和布尔类型比较,看完下面的代码我疯了。如果一定要给一个解释,那么一定是进行比较的两个数据同时经过Number()的洗礼后再进行比较。数组和布尔类型的比较也如此。

    "qwe" == false; //false
    "qwe" == true; //false
    "" == false; // true
    "" == true; //false

    [] == false; //true
    [0] ==false; //true
    [00] ==false; // true
    [0,0] == false ; //false

 

  3) undefined 除了和null进行非全等比较返回true,其它均返回false。null 除了和 undefined进行非全等比较返回true,其它均返回false。

 

  4) 数组(或对象)和字符串进行比较时,数组(或对象)会转换成字符串再进行比较。

    [] == ""; //true
    [0] == ""; //false
    [0] == "0"; //true

    var obj = {a: 1};
    obj == ""; //false
    obj == "[object Object]"; //true

Number() 强制转换成数值

  1) 字符串转数值,能解析的返回数值,不能解析的返回NAN(Not a Number)。

    Number(‘123‘); //123
    Number(‘123shj‘); //NAN
    parseInt(‘123shj‘); // 123
   Number(‘\t\v\r12.34\n‘); // 12.34
   parseInt(‘\t\v\r12.34\n‘); // 12

  2) 布尔值转数值

    Number(true); // 1
    Number(false); //0

  3) Unfined 转数值

    Number(‘undefined‘); // NAN

  4) null 转数值

    Number(null); // 0

  5) 对象转数值

    Number({a: 2}); // NAN

 

   技术分享

  

String() 强制转换成字符串

  1) 原始数据类型转换为字符串,相当于直接把原数据用引号包起来。

    String(123); // "123"
    String(true); // "true"
    String(undefined) // "undefined"
    String(null); // "null"

  2) 对象转字符串

 技术分享

Boolean() 强制转换成布尔类型

  所有对象转换为Bool类型都为true,只有以下几个数值转换为Bool为false: undefined/null/0/NAN/""。

   undefined == false 返回 false, Boolean(undefined) = false.

   [] == false 返回true,  Boolean([]) = true.

    Boolean(undefined); //false
    Boolean(null); //false
    Boolean(0); //false
    Boolean(NAN); //false
    Boolean(""); //false
    Boolean([]); //true
    Boolean({}); //true
    Boolean(new Boolean(false)); // true

 

结束语

若有不足之处,欢迎指正。

 

参考地址

[1] 数据类型转换.阮一峰. http://javascript.ruanyifeng.com/grammar/conversion.html

[2] http://www.jb51.net/article/34190.htm

以上是关于JS基础类型转换——不同数据类型比较的主要内容,如果未能解决你的问题,请参考以下文章

js 中的不同的数据类型之间作比较时的“隐式转换规则”(详细!!!)

JS的数据类型及转换(还是基础的东西)

JavaScript基础知识

js之数据类型的比较

js中==和===区别

JS基础语法(07)-比较运算符隐式类型转换