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

Posted 2020-07-02

小试牛刀

　　输出下列数据比较结果

    [] == 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