JavaScript數據類型轉換

chaos_G 發布于2019-08-29 17:08 / 3303人閱讀

摘要：本文主要介紹數據類型強制轉換和自動轉換，自動轉換是基于強制轉換之上。強制轉換主要指使用和三個函數，手動將各種類型的值，分布轉換成數字字符串或者布爾值。

前言

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函數。

邏輯運算符!如果對非布爾值進行運算，則會將其轉換為布爾值，然后再取反。
所以我們可以利用該特點，來將一個其他的數據類型轉換為布爾值，
可以為一個任意數據類型取兩次反，來將其轉換為布爾值，原理和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

除了加法運算符（+）有可能把運算子轉為字符串，其他運算符都會把運算子自動轉成數值。一元運算符也會把運算子轉成數值。

字符串的自動轉換，主要發生在字符串的加法運算時。

參考文章 透徹研究Javascript類型轉換 javasript標準參考教程

云服務器 GPU云服務器 js怎么轉換類型數據類型 js轉換數據類型 js數據類型轉換 java數據類型轉換

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114124.html

JavaScript核心語法——數據類型

摘要：原始類型分別有類型類型和類型三種。類型中存在一個特殊的值叫。也可以把其他類型的數據自動轉換為類型運算符運算符判斷原始類型語法結構變量名稱。數據類型 1.數據類型的概述；在JavaScript代碼中，能夠表示并且操作值的類型就叫做數據類型數據類型可以分成可變類型和不可變類型，可變類型的值是可以修改的。相反不可變類型的值是不可以修改的。數據類型還有原始類型（原始值）與引用類型（內置對象）...

wfc_666 2019-08-23 10:46 評論0 收藏0
WebSocket系列之JavaScript中數字數據如何轉換為二進制數據

摘要：以和為例，說明中的數字數據如何轉換為二進制數據。對象用來表示通用的固定長度的原始二進制數據緩沖區。中的數字數據如何轉換為二進制數據對和有了一個大概的了解，下面讓我們來看下它是如何進行二進制數據操作的。概述本文主要通過對JavaScript中數字數據與二進制數據之間的轉換，讓讀者能夠了解在JavaScript中如何對數字類型（包括但不限于Number類型）進行處理。二進制數據在日常...

MASAILA 2019-08-22 15:50 評論0 收藏0
數據類型 - Javascript語法基礎 - Javascript核心

摘要：在編程語言中，能夠表示并操作的值的類型稱做數據類型。中的原始類型包括數字，字符串和布爾值。日期與時間語言核心包括構造函數，用來創建表示日期和時間的對象。其規則為如果是布爾值，和分別被轉換為和如果是數字值，返回本身。源代碼： https://github.com/RobinQu/Programing-In-Javascript/blob/master/chapters/Javas...

sevi_stuo 2019-08-19 14:48 評論0 收藏0
Front-end developmenter必看，超實用的javaScript隱式類型轉換規則記憶

摘要：下面先看看涉及到的幾個函數以及他們的轉換規則，這個是需要記憶的內容類型轉換需要使用到的函數對于布爾值用到的是對于數值，用到的是當然還有但是對于隱式類型轉換的時候，調用的是前者。 javaScript類型轉換規則 javaScript的類型轉換其實一直是很多前端開發人員很迷的地方，一會兒這里要轉換，一會兒那里又要轉換，總之就是一個大寫的迷，因為它隱式類型轉換的地方實在是太多了。但其實...

fuchenxuan 2019-08-23 12:13 評論0 收藏0
JavaScript 數據類型轉換

摘要：數據類型轉換原文鏈接是一種弱類型語言，即不需要明確聲明變量的類型，可以隨時賦予任意類型的值。強制轉換顯式轉換強制轉換主要指使用和三個構造函數，手動將各種類型的值，轉換成數字字符串或者布爾值。如果該值不能完全轉換為整型或浮點型，則返回。 JavaScript 數據類型轉換原文鏈接 JavaScript 是一種弱類型語言，即不需要明確聲明變量的類型，可以隨時賦予任意類型的值。強制轉換...

waltr 2019-08-21 14:22 評論0 收藏0
WebSocket系列之字符串如何與二進制數據間進行互相轉換

摘要：總結通過使用和，我們能夠在數據和二進制數據中進行互相轉換。下一篇系列相關的博客，將會介紹如何通過來向后端傳遞二進制數據，以及如何處理通過收到的二進制數據。概述上一篇博客我們說到了如何進行數字類型（如Short、Int、Long類型）如何在JavaScript中進行二進制轉換，如果感興趣的可以可以閱讀本系列第二篇博客——WebSocket系列之JavaScript中數字數據如何轉換為...

stackfing 2019-08-22 15:53 評論0 收藏0