JavaScript基礎--數據類型轉換

什么是數據類型轉換

將一個數據類型轉換為其他的數據類型
- 例如: 將Number類型轉換為Boolean類型
- 例如: 將Number類型轉換為字符串類型

將其它類型轉換為字符串

調用被轉換數據類型的toString()方法

        var num1 = 10;
        var res1 = num1.toString(); // 重點
        console.log(res1); // 10
        console.log(typeof res1); // string

        var num2 = true;
        var res2 = num2.toString(); // 重點
        console.log(res2); // true
        console.log(typeof res2); // string

null和undefined這兩個值沒有toString()方法洗贰，如果調用他們的方法，會報錯

        var num3 = undefined;
        var res3 = num3.toString(); // 報錯
        console.log(res3);

        var num4 = null;
        var res4 = num4.toString(); // 報錯
        console.log(res4);

        var num5 = NaN;
        var res5 = num5.toString();
        console.log(res5); // NaN
        console.log(typeof res5); // String

該方法不會影響到原變量，它會將轉換的結果返回

        var num6 = 10;
        var res6 = num6.toString();
        console.log(typeof num6); // number
        console.log(typeof res6); // string

數值類型的toString()洪橘，可以攜帶一個參數码荔，輸出對應進制的值(暫時不用了解, 講到進制轉換再回來看)

        var num7 = 20;
        var res7 = num7.toString(2);
        var res8 = num7.toString(8);
        var res9 = num7.toString(10);
        var res10 = num7.toString(16);
        console.log(res7); // 10100
        console.log(res8); // 24
        console.log(res9); // 20
        console.log(res10); // 14

將被轉換的數據傳入String()函數中

有些值沒有toString()，這個時候可以使用String()夜涕。比如：undefined和null

將被轉換的數據和+""連接到一起

任何數據和 +" " 連接到一起都會轉換為字符串
內部實現原理和String()函數一樣

        var num1 = 10;
        var res1 = num1 + "";
        console.log(res1); // 10
        console.log(typeof res1); // string

        var num2 = true;
        var res2 = num2 + "";
        console.log(res2); // true
        console.log(typeof res2); // string

        var num3 = undefined;
        var res3 = num3 + "";
        console.log(res3); // undefined
        console.log(typeof res3); // string

        var num4 = null;
        var res4 = num4 + "";
        console.log(res4); // null
        console.log(typeof res4); // string

將其它類型轉換為Number類型

將被轉換的數據傳入Number()函數中

字符串 --> 數字

如果是純數字的字符串蒋譬，則直接將其轉換為數字

    var str1 = "123";
    var res1 = Number(str1);
    console.log(res1); // 123
    console.log(typeof  res1); // number

如果字符串中有非數字的內容，則轉換為NaN

    var str2 = "123ab";
    var res2 = Number(str2);
    console.log(res2); // NaN

如果字符串是一個空串或者是一個全是空格的字符串揍诽，則轉換為0

    var str3 = "";
    var res3 = Number(str3);
    console.log(res3); // 0

    var str4 = "    ";
    var res4 = Number(str4);
    console.log(res4); // 0

布爾 --> 數字

true 轉成 1

false 轉成 0

    var bool1 = true;
    var res5 = Number(bool1);
    console.log(res5); // 1

    var bool2 = false;
    var res6 = Number(bool2);
    console.log(res6); // 0

null --> 數字 --> 0

    var str5 = null;
    var res7 = Number(str5);
    console.log(res7); // 0

undefined --> 數字 --> NaN

   var str6 = undefined;
   var res8 = Number(str6);
   console.log(res8); // NaN

將被轉換的數據傳入parseInt()函數中/parseFloat()函數中

Number()函數中無論混合字符串是否存在有效整數都會返回NaN
利用parseInt()/parseFloat()可以提取字符串中的有效整數
兩者之前的區(qū)別是前者只能提取整數,后者可以提取小數

parseInt()提取字符串中的整數

從第一位有效數字開始, 直到遇到無效數字
如果第一位不是有效數字, 什么都提取不到, 會返回NaN

第一個參數是要轉換的字符串诀蓉，第二個參數是要轉換的進制

    var str7 = "300px";
    var res9 = parseInt(str7);
    console.log(res9); // 300

    var str8 = "300px250";
    var res10 = parseInt(str8);
    console.log(res10); // 300

    console.log(parseInt("abc123"));  //返回NaN，如果第一個字符不是數字或者符號        就返回NaN
    console.log(parseInt(""));        //空字符串返回NaN寝姿，Number("")返回0

parseFloat提取字符串中的小數
- 會解析第一個. 遇到第二個.或者非數字結束
- 如果第一位不是有效數字, 什么都提取不到
- 不支持第二個參數交排，只能解析10進制數
- 如果解析的內容里只有整數，解析成整數
```
    var str9 = "20.5px";
    var res11 = parseInt(str9);
    console.log(res11); // 20

    var str10 = "20.5.5.5px";
    var res12 = parseFloat(str10);
    console.log(res12); // 20.5
```
對非String使用parseInt()或parseFloat(), 會先將其轉換為String然后在操作

        var str11 = true;
        var res13 = parseInt(str11); // 這里相當于parseInt("true");
        console.log(res13); // NaN
        var res14 = Number(str11);
        console.log(res14); // 1

?著作權歸作者所有,轉載或內容合作請聯系作者