js复习之数据类型转换

最新推荐文章于 2025-03-31 23:50:41 发布

原创最新推荐文章于 2025-03-31 23:50:41 发布 · 929 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#string #div

数字转字符串：

    var number = 1;
    var string1 = number+"";
    var string2 = String(number);
    var string3 = number.toString();
    var div = document.getElementById("div");
    div.innerHTML += " string1类型：" + typeof (string1) + "<br />";
    div.innerHTML += " string2类型：" + typeof (string2) + "<br />";
    div.innerHTML += " string3类型：" + typeof (string3);
    /*****************结果******************************
        string1类型：string
        string2类型：string
        string3类型：string
    *****************结果*****************************/

字符串转数字

 var div = document.getElementById("div");
        var str = "123";
        var num1 = str - 0;
        div.innerHTML += "str - 0:" + typeof (num1) + "<br />";
        var num2 = '123' - 0;
        div.innerHTML += "'123' - 0:" + typeof (num2) + "<br />";
        var num3 = Number(str);
        div.innerHTML += "Number(str):" + typeof (num3) + "<br />";
        var num4 = parseInt("3cxvb4 5  ");
        div.innerHTML += "parseInt(\"3cxvb4 5  \") = " + num4 + ":" + typeof (num4) + "<br />";
        var num4 = parseInt("0xff");
        div.innerHTML += "parseInt(\"0xff\") = " + num4 + ":" + typeof (num4) + "<br />";
        var num4 = parseInt("ff", 16);
        div.innerHTML += "parseInt(\"ff\", 16) = " + num4 + ":" + typeof (num4) + "<br />";
        var num5 = parseFloat("3.241");
        div.innerHTML += "parseFloat(\"3.241\")=" + num5 + ":" + typeof (num5) + "<br />";
        var num5 = parseFloat("3.241", 16);
        div.innerHTML += "parseFloat(\"f3.241\", 16)=" + num5 + ":" + typeof (num5) + "错误的方法<br />";
        /*****************结果******************************
        str - 0:number
        '123' - 0:number
        Number(str):number
        parseInt("3cxvb4 5 ") = 3:number
        parseInt("0xff") = 255:number
        parseInt("ff", 16) = 255:number
        parseFloat("3.241")=3.241:number
        parseFloat("f3.241", 16)=3.241:number错误的方法
        *****************结果*****************************/

布尔类型转数字（自动转）

true转1
false转0

数字转布尔类型

0或NaN转false
其他转true

字符串转布尔类型

空值或未定义的值转为false
其他转true

可用Boolen()显性转换，如var bln = Boolen("true");

或者使用布尔运算符非两次，效果如下：

    var bln = !!"true";
    div.innerHTML = "!!'true'=" + bln + ":" + typeof (bln);
     /*****************结果******************************
     !!'true'=true:boolean
     *****************结果*****************************/