1、toString()：將其它型別的資料轉換為字串型別。

   var num = 12306;
   var str= num .toString();
   console.log(str); // 12306
   console.log(typeof str); // string

   var num1 = true;
   var str1 = num1.toString();
   console.log(str1 ); // true
   console.log(typeof str1 ); // string

注意:null和undefined沒有toString()方法，如果強行呼叫,則會報錯

 var num2 = undefined;
 var str2 = num2.toString(); // 報錯
 console.log(str2 );

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

 var num4 = NaN;
 var str4 = num4.toString();
 console.log(str4); // NaN
 console.log(typeof str4); // String

toString()不會影響到原變數，它會將轉換的結果返回。

 var num5 = 10;
 var str5 = str5.toString();
 console.log(typeof num5 ); // number
 console.log(typeof str5 ); // string
 

2、String()函式:有的時候, 某些值並沒有toString()方法，這個時候可以使用String()。比如：undefined和null

• Number和Boolean的資料就是呼叫的toString()方法
• 對於null和undefined，就不會呼叫toString()方法, 因為沒有這個方法, 會在內部生成一個新的字串

• +任何資料和 + 連線到一起都會轉換為字串, 其內部實現原理和String()函式一樣

   var num1 = 100;
   var res1 = num1 + "";
   console.log(res1); // 100
   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
 

3、Number()函式

• 字串 轉 數字

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

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

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

  • 如果是純數字的字串，則直接將其轉換為數字
  • 如果字串中有非數字的內容，則轉換為NaN
  • 如果字串是一個空串或者是一個全是空格的字串，則轉換為0
• undefined 轉 數字

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

• null 轉 數字

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

• 布林 轉 數字

     var bool1 = true;
    var res5 = Number(bool1);
    console.log(res5); // 1
  
    var bool2 = false;
    var res6 = Number(bool2);
    console.log(res6); // 0
  

  • true 轉成 1, false 轉成 0

4、parseInt()函式和parseFloat()函式

• Number()函式中無論混合字串是否存在有效整數都會返回NaN, 利用parseInt()/parseFloat()可以提取字串中的有效整數

• parseInt()和parseFloat()的區別是前者只能提取整數,後者可以提取小數

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

   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 
  

  • 從第一位有效數字開始, 直到遇到無效數字
    如果第一位不是有效數字, 什麼都提取不到, 會返回NaN
  • 第一個引數是要轉換的字串，第二個引數是要轉換的進位制

• parseFloat提取字串中的小數

  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
  

  • 會解析第一個. 遇到第二個.或者非數字結束
  • 如果第一位不是有效數字, 什麼都提取不到
  • 不支援第二個引數，只能解析10進位制數
  • 如果解析的內容裡只有整數，解析成整數

• 對非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