02-JavaScript變量的強制類型轉換

前言

強制類型轉換:將一個數據類型強制轉換爲其他的數據類型。

類型轉換主要指,將其他的數據類型,轉換爲:StringNumberBoolean。你會把某個數據類型轉換成 null或者 undefined嗎?不會,因爲這樣做,沒有意義。

其他的簡單類型 --> String

方法一:變量+"" 或者 變量+"abc"

舉例如下:

var a = 123;  // Number 類型
console.log(a + '');  // 轉換成 String 類型
console.log(a + 'haha');  // 轉換成 String 類型

上面的例子中,打印的結果,都是字符串類型的數據。

方法二:調用toString()方法

舉例如下:

變量.toString()

【重要】該方法不會影響到原變量,它會將轉換的結果返回。當然我們還可以直接寫成a = a.toString(),這樣的話,就是直接修改原變量。

注意:nullundefined這兩個值沒有toString()方法,所以它們不能用方法二。如果調用,會報錯。

另外,Number類型的變量,在調用toString()時,可以在方法中傳遞一個整數作爲參數。此時它將會把數字轉換爲指定的進制,如果不指定則默認轉換爲10進制。例如:

        var a = 255;
        //對於Number調用toString()時可以在方法中傳遞一個整數作爲參數
        //此時它將會把數字轉換爲指定的進制,如果不指定則默認轉換爲10進制
        a = a.toString(2);
        console.log(a);        // 11111111
        console.log(typeof a); // string

方法三:使用String()函數

格式如下:

String(變量)

使用String()函數做強制類型轉換時:

  • 對於NumberBoolean而言,實際上就是調用toString()方法。

  • 但是對於nullundefined,就不會調用toString()方法。它會將 null直接轉換爲"null"。將 undefined 直接轉換爲"undefined"

prompt():用戶的輸入

我們在JS基礎的第一篇裏,就講過,prompt()就是專門用來彈出能夠讓用戶輸入的對話框。重要的是:用戶不管輸入什麼,都是字符串。

其他的數據類型 --> Number

方式一:使用Number()函數

情況一:字符串 --> 數字

  • 1.如果字符串中是純數字,則直接將其轉換爲數字。

  • 2.如果字符串中有非數字的內容,則轉換爲NaN。(此處可以看到Number()函數的侷限性)

  • 3.如果字符串是一個空串或者是一個全是空格的字符串,則轉換爲0。

情況二:布爾 --> 數字

  • true 轉成 1

  • false 轉成 0

情況三:null --> 數字

  • 結果爲:0

情況四:undefined --> 數字

  • 結果爲:NaN

方式二:parseInt():字符串 -> 整數【重要】

parseInt()是專門用來對付字符串的。

parseInt()的作用是將字符串中的有效的整數內容轉爲數字。parse表示“轉換”,Int表示“整數”(注意Int的拼寫)。例如:

	parseInt("5");

得到的結果是數字5。

parseInt()還具有以下特性

(1)只保留字符串最開頭的數字,後面的中文自動消失。例如:

    console.log(parseInt("2017在公衆號上寫了6篇文章"));  //打印結果:2017
    console.log(parseInt("2017.01在公衆號上寫了6篇文章"));  //打印結果仍是:2017   (說明只會取整數)
    console.log(parseInt("aaa2017.01在公衆號上寫了6篇文章"));  //打印結果:NaN

(2)自動帶有截斷小數的功能:取整,不四捨五入

例1:

	var a = parseInt(5.8) + parseInt(4.7);
	console.log(a);

控制檯輸出:9

例2:

	var a = parseInt(5.8 + 4.7);
	console.log(a);

控制檯輸出:10

(3)如果對非String使用parseInt()parseFloat(),它會先將其轉換爲String然後再操作。

比如:

    var a = true;
    console.log(parseInt(a));  //打印結果:NaN (因爲是先將a轉爲字符串"true",然後然後再操作)

    var b = null;
    console.log(parseInt(b));  //打印結果:NaN  (因爲是先將b轉爲字符串"null",然後然後再操作)

    var c = undefined;
    console.log(parseInt(c));  //打印結果:NaN  (因爲是先將b轉爲字符串"undefined",然後然後再操作)

    var d = 168.23;
    console.log(parseInt(d));  //打印結果:168  (因爲是先將c轉爲字符串"168.23",然後然後再操作)

(4)帶兩個參數時,表示進制轉換。

parseFloat():字符串 --> 浮點數(小數)

parseFloat()是專門用來對付字符串的。

parseFloat()的作用是:將字符串轉換爲浮點數

parseFloat()parseInt()的作用類似,不同的是,parseFloat()可以獲得有效的小數部分。

代碼舉例:

    var a = '123.456.789px';
    console.log(parseFloat(a)); // 打印結果:123.456

轉換爲 Boolean

將其他的數據類型轉換爲Boolean,可以使用Boolean()函數。

  • 情況一:數字 --> 布爾。除了0和NaN,其餘的都是true。

  • 情況二:字符串 —> 布爾。除了空串,其餘的都是true。

  • 情況三:null和undefined都會轉換爲false。

  • 情況四:對象也會轉換爲true。

PS:轉換爲 Boolean 的這幾種情況,很重要,開發中會經常用到。

其他進制的數字

  • 16進制的數字,以0x開頭

  • 8進制的數字,以0開頭

  • 2進制的數字,0b開頭(不是所有的瀏覽器都支持:chrome和火狐支持,IE不支持)

比如070這個字符串,如果我調用parseInt()轉成數字時,有些瀏覽器會當成8進制解析,有些會當成10進制解析。

所以,比較建議的做法是:可以在parseInt()中傳遞第二個參數,來指定數字的進制。例如:

	a = "070";

	a = parseInt(a,10); //轉換成十進制
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章