javascript怎么轉數據類型

這篇文章將為大家詳細講解有關javascript怎么轉數據類型，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

javascript轉數據類型的方法：1、根據運算環境自動轉換值的數據類型，以滿足運算需要；2、使用 toString()、String()、parseInt()等JavaScript內置函數來強制轉換數據類型。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript是一門動態語言，所謂的動態語言可以暫時理解為在語言中的一切內容都是不確定的。比如一個變量，這一時刻是個整型，下一時刻可能會變成字符串了。雖然變量的數據類型是不確定的，但是各種運算符對數據類型是有要求的。如果運算符發現，運算子的類型與預期不符，就會自動轉換類型。

簡單來說，JavaScript 能夠根據運算環境自動轉換值的類型，以滿足運算需要。

例：使用加號運算符把值轉換為字符串

//把數字轉換為字符串
var n = 123;
n = n + "";
console.log(typeof n); //返回類型為 string

例：使用乘運算符把字符串轉為數值

var n = "123";
n = n * 1;
console.log(typeof n); //返回類型為 number

但是在很多情況下需要開發者手動轉換數據類型（強制類型轉換），以控制運算過程。

1、其他的數據類型轉換為String

方式一：toString()方法

調用被轉換數據類型的toString()方法,該方法不會影響到原變量，它會將轉換的結果返回，但是注意：null和undefined這兩個值沒有toString，如果調用他們的方法，會報錯。

var a = 123
a.toString()//"123"
var b = null;
b.toString()//"報錯"
var c = undefined
c.toString()//"報錯"

采用 Number 類型的 toString() 方法的基模式，可以用不同的基輸出數字，例如二進制的基是 2，八進制的基是 8，十六進制的基是 16

var iNum = 10;
alert(iNum.toString(2));        //輸出 "1010"
alert(iNum.toString(8));        //輸出 "12"
alert(iNum.toString(16));       //輸出 "A"

方式二：String()函數

使用String()函數做強制類型轉換時，對于Number和Boolean實際上就是調用的toString()方法,

但是對于null和undefined，就不會調用toString()方法,它會將null直接轉換為"null",將undefined 直接轉換為"undefined"

var a = null
String(a)//"null"
var b = undefined
String(b)//"undefined"

String方法的參數如果是對象，返回一個類型字符串；如果是數組，返回該數組的字符串形式。

String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"

2、其他的數據類型轉換為Number

方式一：使用Number()函數

下面分成兩種情況討論，一種是參數是原始類型的值，另一種是參數是對象

(1)原始類型值

①字符串轉數字

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

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

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

Number('324') // 324
Number('324abc') // NaN
Number('') // 0

②布爾值轉數字:true轉成1,false轉成0

Number(true) // 1
Number(false) // 0

③undefined轉數字:轉成NaN

Number(undefined) // NaN

④null轉數字：轉成0

Number(null) // 0

⑤Number() 接受數值作為參數，此時它既能識別負的十六進制，也能識別0開頭的八進制，返回值永遠是十進制值

Number(3.15);    //3.15
Number(023);     //19
Number(0x12);    //18
Number(-0x12);   //-18

(2)對象

簡單的規則是，Number方法的參數是對象時，將返回NaN，除非是包含單個數值的數組。

Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5

方式二：parseInt() & parseFloat()

這種方式專門用來對付字符串，parseInt()一個字符串轉換為一個整數,可以將一個字符串中的有效的整數內容取出來，然后轉換為Number。parseFloat()把一個字符串轉換為一個浮點數。parseFloat()作用和parseInt()類似，不同的是它可以獲得有效的小數。

console.log(parseInt('.21'));        //NaN
console.log(parseInt("10.3"));        //10
console.log(parseFloat('.21'));      //0.21
console.log(parseFloat('.d1'));       //NaN
console.log(parseFloat("10.11.33"));  //10.11
console.log(parseFloat("4.3years"));  //4.3
console.log(parseFloat("He40.3"));    //NaN

parseInt()在沒有第二個參數時默認以十進制轉換數值，有第二個參數時，以第二個參數為基數轉換數值，如果基數有誤返回NaN

console.log(parseInt("13"));          //13
console.log(parseInt("11",2));        //3
console.log(parseInt("17",8));        //15
console.log(parseInt("1f",16));       //31

兩者的區別：Number函數將字符串轉為數值，要比parseInt函數嚴格很多。基本上，只要有一個字符無法轉成數值，整個字符串就會被轉為NaN。

parseInt('42 cats') // 42
Number('42 cats') // NaN

上面代碼中，parseInt逐個解析字符，而Number函數整體轉換字符串的類型。
另外，對空字符串的處理也不一樣

Number("   ");     //0   
parseInt("   ");   //NaN

3、其他的數據類型轉換為Boolean

它的轉換規則相對簡單：只有空字符串("")、null、undefined、+0、-0 和 NaN 轉為布爾型是 false，其他的都是 true，空數組、空對象轉換為布爾類型也是 true,甚至連false對應的布爾對象new Boolean(false)也是true

Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false

Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true

關于“javascript怎么轉數據類型”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。