前言
強制類型轉換:將一個數據類型強制轉換爲其他的數據類型。
類型轉換主要指,將其他的數據類型,轉換爲:String
、Number
、Boolean
。你會把某個數據類型轉換成 null
或者 undefined
嗎?不會,因爲這樣做,沒有意義。
其他的簡單類型 --> String
方法一:變量+"" 或者 變量+"abc"
舉例如下:
var a = 123; // Number 類型
console.log(a + ''); // 轉換成 String 類型
console.log(a + 'haha'); // 轉換成 String 類型
上面的例子中,打印的結果,都是字符串類型的數據。
方法二:調用toString()方法
舉例如下:
變量.toString()
【重要】該方法不會影響到原變量,它會將轉換的結果返回。當然我們還可以直接寫成a = a.toString()
,這樣的話,就是直接修改原變量。
注意:null
和undefined
這兩個值沒有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()
函數做強制類型轉換時:
-
對於
Number
和Boolean
而言,實際上就是調用toString()
方法。 -
但是對於
null
和undefined
,就不會調用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); //轉換成十進制