JavaScript連載5-資料轉換為Number與String、數字決議-有解無憂

一、承接連載4

3.null和undefined沒有toString()方法，呼叫就會報錯

    var num1 = undefined;

    console.log(num1.toString());

?

    var num2 = null;

    console.log(num2.toString());

二、String()

1.常規使用

有些值沒有toString()方法，此時可以使用String()方法，比如：null和undefined

2.使用注意

（1）null和undefined，就不會呼叫toString()方法，而是直接轉換成字串

（2）對于Number和Boolean型別的資料，String()方法相當于呼叫了toString()方法，

    var v1 = null;

    var v2 = String(v1);

    console.log(v2);

    console.log(typeof v2);

?

    var v3 = 20;

    var v4 = String(v3);

    console.log(v4);

3.拼接字串的方式

（1）常規用法：任何資料+“”連接到一起就會轉化為字串；內部實作方式和String()一樣

   var v5 = 1000;

    var v6 = v5+"";

    console.log(v6);

    console.log(typeof v6);

4.將其他型別轉換為Number型別

（1）字串轉數字

如果是純數字，則直接轉化為數字；如果字串為慷訓者是一個全是空格的字串，則轉化為0；如果字串中有非數字的內容，則轉換為NaN;

（2）布爾型別轉換為數字

true轉化為1，false轉化為0；

（3）null和undefined轉化為數字

null轉化為0，undefined轉化為NaN

    var v7 = "1015";

    var v8 = Number(v7);

    console.log(v7);

    console.log(typeof v8);

?

    var v9 = "";

    var v10 = Number(v9);

    console.log(v10);

    console.log(typeof v10);

?

    var v11 = "411jsdfo";

    var v12 = Number(v11);

    console.log(v12);

    console.log(typeof v12);

?

    var v13 = true;

    var v14 = Number(v13);

    console.log(v14);

    var v15 = false;

    var v16 = Number(v15);

    console.log(typeof v16);

?

    var v17 = null;

    var v18 = undefined;

    var v19 = Number(v17);

    var v20 = Number(v18);

    console.log(v19);

    console.log(v20);

5.parseInt和parseFloat函式

（1）使用意義：Number函式中無論字串中是否存在有效整數都會直接回傳NaN，利用parseInt()和parseFloat()函式可以提取字串中的有效整數和浮點數

（2）parseInt：有兩個引數，第一個引數是要轉換的字串，第二個引數是要轉換的進制；從第一位有效數字開始，一直到無效數字；如果第一位暴怒是有效數字，則直接回傳NaN，

（3）parseFloat:不支持第二引數，只能決議十進制的數字；如果決議的內容中函式含有整數，那么只會決議為整數；如果第一位不是有效數字，那么會直接回傳NaN；從一位有效數字開始，直到遇到無效數字

    var a1 = "45145dsf45";

    var a2 = "shofa45sdf";

    console.log(parseInt(a1,10));

    console.log(parseInt(a2,10));

    //主要用于提取帶有帶有單位的數字，比如15px這種

?

    var a3 = "4554.154dsaf";

    var a4 = "josf2.35";

    var a5 = "45895dhaif";

    console.log(parseFloat(a3));

    console.log(typeof parseFloat(a3));

    console.log(parseFloat(a4));

    console.log(typeof parseFloat(a4));

    console.log(parseFloat(a5));

    console.log(typeof parseFloat(a5));

三、原始碼：

D5_1_DataTransfrom.html

地址:

https://github.com/ruigege66/JavaScript/blob/master/D5_1_DataTransfrom.html

2.CSDN：https://blog.csdn.net/weixin_44630050

3.博客園：https://www.cnblogs.com/ruigege0000/

4.歡迎關注微信公眾號：傅里葉變換，個人賬號，僅用于技術交流，后臺回復“禮包”獲取Java大資料學習視頻禮包

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/116185.html

標籤：JavaScript

上一篇：JavaScript中簡單的定時器

下一篇：瀏覽器是多行程還是單行程?