沐鳴登錄_JavaScript數據類型轉換
前言
JavaScript是一門動態語言,所謂的動態語言可以暫時理解為在語言中的一切內容都是不確定的。比如一個變量,這一時刻是個整型,下一時刻可能會變成字符串了。雖然變量的數據類型是不確定的,但是各種運算符對數據類型是有要求的。如果運算符發現,運算子的類型與預期不符,就會自動轉換類型。
本文主要介紹數據類型強制轉換和自動轉換,自動轉換是基於強制轉換之上。強制轉換主要指使用Number、String和Boolean三個函數,手動將各種類型的值,分佈轉換成数字、字符串或者布爾值。
一、強制轉換
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 會自動轉換數據類型,即轉換是自動完成的,用戶不可見。
1.自動轉換為布爾值
JavaScript 遇到預期為布爾值的地方(比如if語句的條件部分),就會將非布爾值的參數自動轉換為布爾值。系統內部會自動調用Boolean函數。
if ('abc') {
console.log('hello')
} // "hello"
2.自動轉換為數值
算數運算符(+ – * /)跟非Number類型的值進行運算時,會將這些值轉換為Number,然後在運算,除了字符串的加法運算
true + 1 // 2
2 + null // 2
undefined + 1 // NaN
2 + NaN // NaN 任何值和NaN做運算都得NaN
'5' - '2' // 3
'5' * '2' // 10
true - 1 // 0
'1' - 1 // 0
'5' * [] // 0
false / '5' // 0
'abc' - 1 // NaN
一元運算符也會把運算子轉成數值。
+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0
3.自動轉換為字符串
字符串的自動轉換,主要發生在字符串的加法運算時。當一個值為字符串,另一個值為非字符串,則後者轉為字符串。
'5' + 1 // '51'
'5' + true // "5true"
'5' + false // "5false"
'5' + {} // "5[object Object]"
'5' + [] // "5"
'5' + function (){} // "5function (){}"
'5' + undefined // "5undefined"
'5' + null // "5null"
三、總結
1. 強制轉換的各種情況
2. 自動轉換的的各種情況
只有空字符串(“”)、null、undefined、+0、-0 和 NaN 轉為布爾型是 false,其他的都是 true
除了加法運算符(+)有可能把運算子轉為字符串,其他運算符都會把運算子自動轉成數值。一元運算符也會把運算子轉成數值。
字符串的自動轉換,主要發生在字符串的加法運算時。
站長推薦
1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲
鏈接: http://www.fly63.com/article/detial/10115