資訊專欄INFORMATION COLUMN
摘要：本文主要介紹數(shù)據(jù)類型強(qiáng)制轉(zhuǎn)換和自動(dòng)轉(zhuǎn)換，自動(dòng)轉(zhuǎn)換是基于強(qiáng)制轉(zhuǎn)換之上。強(qiáng)制轉(zhuǎn)換主要指使用和三個(gè)函數(shù)，手動(dòng)將各種類型的值，分布轉(zhuǎn)換成數(shù)字字符串或者布爾值。
前言
JavaScript是一門動(dòng)態(tài)語言，所謂的動(dòng)態(tài)語言可以暫時(shí)理解為在語言中的一切內(nèi)容都是不確定的。比如一個(gè)變量，這一時(shí)刻是個(gè)整型，下一時(shí)刻可能會(huì)變成字符串了。雖然變量的數(shù)據(jù)類型是不確定的，但是各種運(yùn)算符對(duì)數(shù)據(jù)類型是有要求的。如果運(yùn)算符發(fā)現(xiàn)，運(yùn)算子的類型與預(yù)期不符，就會(huì)自動(dòng)轉(zhuǎn)換類型。
本文主要介紹數(shù)據(jù)類型強(qiáng)制轉(zhuǎn)換和自動(dòng)轉(zhuǎn)換，自動(dòng)轉(zhuǎn)換是基于強(qiáng)制轉(zhuǎn)換之上。強(qiáng)制轉(zhuǎn)換主要指使用Number、String和Boolean三個(gè)函數(shù)，手動(dòng)將各種類型的值，分布轉(zhuǎn)換成數(shù)字、字符串或者布爾值。
一、強(qiáng)制轉(zhuǎn)換 1、其他的數(shù)據(jù)類型轉(zhuǎn)換為String 方式一：toString()方法調(diào)用被轉(zhuǎn)換數(shù)據(jù)類型的toString()方法,該方法不會(huì)影響到原變量，它會(huì)將轉(zhuǎn)換的結(jié)果返回，但是注意：null和undefined這兩個(gè)值沒有toString，如果調(diào)用他們的方法，會(huì)報(bào)錯(cuò)。
var a = 123 a.toString()//"123" var b = null; b.toString()//"報(bào)錯(cuò)" var c = undefined c.toString()//"報(bào)錯(cuò)"
采用 Number 類型的 toString() 方法的基模式，可以用不同的基輸出數(shù)字，例如二進(jìn)制的基是 2，八進(jìn)制的基是 8，十六進(jìn)制的基是 16
var iNum = 10; alert(iNum.toString(2)); //輸出 "1010" alert(iNum.toString(8)); //輸出 "12" alert(iNum.toString(16)); //輸出 "A"方式二：String()函數(shù)
使用String()函數(shù)做強(qiáng)制類型轉(zhuǎn)換時(shí)，對(duì)于Number和Boolean實(shí)際上就是調(diào)用的toString()方法,
但是對(duì)于null和undefined，就不會(huì)調(diào)用toString()方法,它會(huì)將null直接轉(zhuǎn)換為"null",將undefined 直接轉(zhuǎn)換為"undefined"
var a = null String(a)//"null" var b = undefined String(b)//"undefined"
String方法的參數(shù)如果是對(duì)象，返回一個(gè)類型字符串；如果是數(shù)組，返回該數(shù)組的字符串形式。
String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"
2、其他的數(shù)據(jù)類型轉(zhuǎn)換為Number
方式一：使用Number()函數(shù)
下面分成兩種情況討論，一種是參數(shù)是原始類型的值，另一種是參數(shù)是對(duì)象
(1)原始類型值
①字符串轉(zhuǎn)數(shù)字
Ⅰ 如果是純數(shù)字的字符串，則直接將其轉(zhuǎn)換為數(shù)字
Ⅱ 如果字符串中有非數(shù)字的內(nèi)容，則轉(zhuǎn)換為NaN
Ⅲ 如果字符串是一個(gè)空串或者是一個(gè)全是空格的字符串，則轉(zhuǎn)換為0
Number("324") // 324
Number("324abc") // NaN
Number("") // 0
②布爾值轉(zhuǎn)數(shù)字:true轉(zhuǎn)成1,false轉(zhuǎn)成0
Number(true) // 1 Number(false) // 0
③undefined轉(zhuǎn)數(shù)字:轉(zhuǎn)成NaN
Number(undefined) // NaN
④null轉(zhuǎn)數(shù)字：轉(zhuǎn)成0
Number(null) // 0
⑤Number() 接受數(shù)值作為參數(shù)，此時(shí)它既能識(shí)別負(fù)的十六進(jìn)制，也能識(shí)別0開頭的八進(jìn)制，返回值永遠(yuǎn)是十進(jìn)制值
Number(3.15); //3.15 Number(023); //19 Number(0x12); //18 Number(-0x12); //-18
(2)對(duì)象
簡單的規(guī)則是，Number方法的參數(shù)是對(duì)象時(shí)，將返回NaN，除非是包含單個(gè)數(shù)值的數(shù)組。
Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5
方式二：parseInt() & parseFloat()
這種方式專門用來對(duì)付字符串，parseInt()一個(gè)字符串轉(zhuǎn)換為一個(gè)整數(shù),可以將一個(gè)字符串中的有效的整數(shù)內(nèi)容取出來，然后轉(zhuǎn)換為Number。parseFloat()把一個(gè)字符串轉(zhuǎn)換為一個(gè)浮點(diǎn)數(shù)。parseFloat()作用和parseInt()類似，不同的是它可以獲得有效的小數(shù)。
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()在沒有第二個(gè)參數(shù)時(shí)默認(rèn)以十進(jìn)制轉(zhuǎn)換數(shù)值，有第二個(gè)參數(shù)時(shí)，以第二個(gè)參數(shù)為基數(shù)轉(zhuǎn)換數(shù)值，如果基數(shù)有誤返回NaN
console.log(parseInt("13")); //13
console.log(parseInt("11",2)); //3
console.log(parseInt("17",8)); //15
console.log(parseInt("1f",16)); //31
兩者的區(qū)別：Number函數(shù)將字符串轉(zhuǎn)為數(shù)值，要比parseInt函數(shù)嚴(yán)格很多?；旧?，只要有一個(gè)字符無法轉(zhuǎn)成數(shù)值，整個(gè)字符串就會(huì)被轉(zhuǎn)為NaN。
parseInt("42 cats") // 42
Number("42 cats") // NaN
上面代碼中，parseInt逐個(gè)解析字符，而Number函數(shù)整體轉(zhuǎn)換字符串的類型。
另外，對(duì)空字符串的處理也不一樣
Number(" "); //0
parseInt(" "); //NaN
3、其他的數(shù)據(jù)類型轉(zhuǎn)換為Boolean
它的轉(zhuǎn)換規(guī)則相對(duì)簡單：只有空字符串("")、null、undefined、+0、-0 和 NaN 轉(zhuǎn)為布爾型是 false，其他的都是 true，空數(shù)組、空對(duì)象轉(zhuǎn)換為布爾類型也是 true,甚至連false對(duì)應(yīng)的布爾對(duì)象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
二、自動(dòng)轉(zhuǎn)換
遇到以下三種情況時(shí)，JavaScript 會(huì)自動(dòng)轉(zhuǎn)換數(shù)據(jù)類型，即轉(zhuǎn)換是自動(dòng)完成的，用戶不可見。
1.自動(dòng)轉(zhuǎn)換為布爾值JavaScript 遇到預(yù)期為布爾值的地方(比如if語句的條件部分),就會(huì)將非布爾值的參數(shù)自動(dòng)轉(zhuǎn)換為布爾值。系統(tǒng)內(nèi)部會(huì)自動(dòng)調(diào)用Boolean函數(shù)。
邏輯運(yùn)算符!如果對(duì)非布爾值進(jìn)行運(yùn)算，則會(huì)將其轉(zhuǎn)換為布爾值，然后再取反。
所以我們可以利用該特點(diǎn)，來將一個(gè)其他的數(shù)據(jù)類型轉(zhuǎn)換為布爾值，
可以為一個(gè)任意數(shù)據(jù)類型取兩次反，來將其轉(zhuǎn)換為布爾值，原理和Boolean()函數(shù)一樣。
if ("abc") {
console.log("hello")
} // "hello"
2.自動(dòng)轉(zhuǎn)換為數(shù)值
算數(shù)運(yùn)算符(+ - * /)跟非Number類型的值進(jìn)行運(yùn)算時(shí)，會(huì)將這些值轉(zhuǎn)換為Number，然后在運(yùn)算，除了字符串的加法運(yùn)算
true + 1 // 2 2 + null // 2 undefined + 1 // NaN 2 + NaN // NaN 任何值和NaN做運(yùn)算都得NaN "5" - "2" // 3 "5" * "2" // 10 true - 1 // 0 "1" - 1 // 0 "5" * [] // 0 false / "5" // 0 "abc" - 1 // NaN
一元運(yùn)算符也會(huì)把運(yùn)算子轉(zhuǎn)成數(shù)值。
+"abc" // NaN -"abc" // NaN +true // 1 -false // 03.自動(dòng)轉(zhuǎn)換為字符串
字符串的自動(dòng)轉(zhuǎn)換，主要發(fā)生在字符串的加法運(yùn)算時(shí)。當(dāng)一個(gè)值為字符串，另一個(gè)值為非字符串，則后者轉(zhuǎn)為字符串。
"5" + 1 // "51"
"5" + true // "5true"
"5" + false // "5false"
"5" + {} // "5[object Object]"
"5" + [] // "5"
"5" + function (){} // "5function (){}"
"5" + undefined // "5undefined"
"5" + null // "5null"
三、總結(jié)
1. 強(qiáng)制轉(zhuǎn)換的各種情況
2. 自動(dòng)轉(zhuǎn)換的的各種情況
只有空字符串("")、null、undefined、+0、-0 和 NaN 轉(zhuǎn)為布爾型是 false，其他的都是 true
除了加法運(yùn)算符（+）有可能把運(yùn)算子轉(zhuǎn)為字符串，其他運(yùn)算符都會(huì)把運(yùn)算子自動(dòng)轉(zhuǎn)成數(shù)值。一元運(yùn)算符也會(huì)把運(yùn)算子轉(zhuǎn)成數(shù)值。
字符串的自動(dòng)轉(zhuǎn)換，主要發(fā)生在字符串的加法運(yùn)算時(shí)。
參考文章 透徹研究Javascript類型轉(zhuǎn)換 javasript標(biāo)準(zhǔn)參考教程文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53166.html
摘要：原始類型分別有類型類型和類型三種。類型中存在一個(gè)特殊的值叫。也可以把其他類型的數(shù)據(jù)自動(dòng)轉(zhuǎn)換為類型運(yùn)算符運(yùn)算符判斷原始類型語法結(jié)構(gòu)變量名稱。 數(shù)據(jù)類型 1.數(shù)據(jù)類型的概述；在JavaScript代碼中，能夠表示并且操作值的類型就叫做數(shù)據(jù)類型數(shù)據(jù)類型可以分成可變類型和不可變類型，可變類型的值是可以修改的。相反不可變類型的值是不可以修改的。數(shù)據(jù)類型還有原始類型（原始值）與引用類型（內(nèi)置對(duì)象）...
摘要：以和為例，說明中的數(shù)字?jǐn)?shù)據(jù)如何轉(zhuǎn)換為二進(jìn)制數(shù)據(jù)。對(duì)象用來表示通用的固定長度的原始二進(jìn)制數(shù)據(jù)緩沖區(qū)。中的數(shù)字?jǐn)?shù)據(jù)如何轉(zhuǎn)換為二進(jìn)制數(shù)據(jù)對(duì)和有了一個(gè)大概的了解，下面讓我們來看下它是如何進(jìn)行二進(jìn)制數(shù)據(jù)操作的。 概述 本文主要通過對(duì)JavaScript中數(shù)字?jǐn)?shù)據(jù)與二進(jìn)制數(shù)據(jù)之間的轉(zhuǎn)換，讓讀者能夠了解在JavaScript中如何對(duì)數(shù)字類型（包括但不限于Number類型）進(jìn)行處理。 二進(jìn)制數(shù)據(jù)在日常...
摘要：在編程語言中，能夠表示并操作的值的類型稱做數(shù)據(jù)類型。中的原始類型包括數(shù)字，字符串和布爾值。日期與時(shí)間語言核心包括構(gòu)造函數(shù)，用來創(chuàng)建表示日期和時(shí)間的對(duì)象。其規(guī)則為如果是布爾值，和分別被轉(zhuǎn)換為和如果是數(shù)字值，返回本身。 源代碼： https://github.com/RobinQu/Programing-In-Javascript/blob/master/chapters/Javas...
摘要：下面先看看涉及到的幾個(gè)函數(shù)以及他們的轉(zhuǎn)換規(guī)則，這個(gè)是需要記憶的內(nèi)容類型轉(zhuǎn)換需要使用到的函數(shù)對(duì)于布爾值用到的是對(duì)于數(shù)值，用到的是當(dāng)然還有但是對(duì)于隱式類型轉(zhuǎn)換的時(shí)候，調(diào)用的是前者。 javaScript類型轉(zhuǎn)換規(guī)則 javaScript的類型轉(zhuǎn)換其實(shí)一直是很多前端開發(fā)人員很迷的地方，一會(huì)兒這里要轉(zhuǎn)換，一會(huì)兒那里又要轉(zhuǎn)換，總之就是一個(gè)大寫的迷，因?yàn)樗[式類型轉(zhuǎn)換的地方實(shí)在是太多了。 但其實(shí)...
摘要：數(shù)據(jù)類型轉(zhuǎn)換原文鏈接是一種弱類型語言，即不需要明確聲明變量的類型，可以隨時(shí)賦予任意類型的值。強(qiáng)制轉(zhuǎn)換顯式轉(zhuǎn)換強(qiáng)制轉(zhuǎn)換主要指使用和三個(gè)構(gòu)造函數(shù)，手動(dòng)將各種類型的值，轉(zhuǎn)換成數(shù)字字符串或者布爾值。如果該值不能完全轉(zhuǎn)換為整型或浮點(diǎn)型，則返回。 JavaScript 數(shù)據(jù)類型轉(zhuǎn)換 原文鏈接 JavaScript 是一種弱類型語言，即不需要明確聲明變量的類型，可以隨時(shí)賦予任意類型的值。 強(qiáng)制轉(zhuǎn)換...
摘要：總結(jié)通過使用和，我們能夠在數(shù)據(jù)和二進(jìn)制數(shù)據(jù)中進(jìn)行互相轉(zhuǎn)換。下一篇系列相關(guān)的博客，將會(huì)介紹如何通過來向后端傳遞二進(jìn)制數(shù)據(jù)，以及如何處理通過收到的二進(jìn)制數(shù)據(jù)。 概述 上一篇博客我們說到了如何進(jìn)行數(shù)字類型（如Short、Int、Long類型）如何在JavaScript中進(jìn)行二進(jìn)制轉(zhuǎn)換，如果感興趣的可以可以閱讀本系列第二篇博客——WebSocket系列之JavaScript中數(shù)字?jǐn)?shù)據(jù)如何轉(zhuǎn)換為...
閱讀 3947·2021-11-16 11:44
閱讀 3128·2021-11-12 10:36
閱讀 3383·2021-10-08 10:04
閱讀 1270·2021-09-03 10:29
閱讀 409·2019-08-30 13:50
閱讀 2623·2019-08-29 17:14
閱讀 1745·2019-08-29 15:32
閱讀 1090·2019-08-29 11:27
