JavaScript 類型轉換

Number() 轉換為數字， String() 轉換為字元串， Boolean() 轉化為布爾值。

JavaScript 數據類型

在 JavaScript 中有 5 種不同的數據類型：

• string

• number

• boolean

• object

• function

3 種對象類型：

• Object

• Date

• Array

2 個不包含任何值的數據類型：

• null

• undefined

typeof 操作符

你可以使用 typeof 操作符來查看 JavaScript 變數的數據類型。

實例

typeof "John" // 返回 string

typeof 3.14 // 返回 number

typeof NaN // 返回 number

typeof false // 返回 boolean

typeof [1,2,3,4] // 返回 object

typeof {name:"John", age:34} // 返回 object

typeof new Date() // 返回 object

typeof function () {} // 返回 function

typeof myCar // 返回 undefined (如果 myCar 沒有聲明)

typeof null // 返回 object

請注意：

• NaN 的數據類型是 number

• 數組(Array)的數據類型是 object

• 日期(Date)的數據類型為 object

• null 的數據類型是 object

• 未定義變數的數據類型為 undefined

如果對象是 JavaScript Array 或 JavaScript Date ，我們就無法通過 typeof 來判斷他們的類型，因為都是 返回 Object。

constructor 屬性

constructor 屬性返回所有 JavaScript 變數的構造函數。

實例

"John".constructor // 返回函數 String() { [native code] }

(3.14).constructor // 返回函數 Number() { [native code] }

false.constructor // 返回函數 Boolean() { [native code] }

[1,2,3,4].constructor // 返回函數 Array() { [native code] }

{name:"John", age:34}.constructor // 返回函數 Object() { [native code] }

new Date().constructor // 返回函數 Date() { [native code] }

function () {}.constructor // 返回函數 Function(){ [native code] }

你可以使用 constructor 屬性來查看是對象是否為數組 (包含字元串 "Array"):

實例

function isArray(myArray) {

return myArray.constructor.toString().indexOf("Array") > -1;

}

你可以使用 constructor 屬性來查看是對象是否為日期 (包含字元串 "Date"):

實例

function isDate(myDate) {

return myDate.constructor.toString().indexOf("Date") > -1;

}

JavaScript 類型轉換

JavaScript 變數可以轉換為新變數或其他數據類型：

• 通過使用 JavaScript 函數

• 通過 JavaScript 自身自動轉換

將數字轉換為字元串

全局方法 String() 可以將數字轉換為字元串。

該方法可用於任何類型的數字，字母，變數，表達式：

實例

String(x) // 將變數 x 轉換為字元串並返回

String(123) // 將數字 123 轉換為字元串並返回

String(100 + 23) // 將數字表達式轉換為字元串並返回

Number 方法 toString() 也是有同樣的效果。

實例

x.toString()

(123).toString()

(100 + 23).toString()

在 Number 方法 中，你可以找到更多數字轉換為字元串的方法：

將布爾值轉換為字元串

全局方法 String() 可以將布爾值轉換為字元串。

String(false) // 返回 "false"

String(true) // 返回 "true"

Boolean 方法 toString() 也有相同的效果。

false.toString() // 返回 "false"

true.toString() // 返回 "true"

將日期轉換為字元串

Date() 返回字元串。

Date() // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

全局方法 String() 可以將日期對象轉換為字元串。

String(new Date()) // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

Date 方法 toString() 也有相同的效果。

實例

obj = new Date()

obj.toString() // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

在 Date 方法 章節中，你可以查看更多關於日期轉換為字元串的函數：

將字元串轉換為數字

全局方法 Number() 可以將字元串轉換為數字。

字元串包含數字(如 "3.14") 轉換為數字 (如 3.14).

空字元串轉換為 0。

其他的字元串會轉換為 NaN (不是個數字)。

Number("3.14") // 返回 3.14

Number(" ") // 返回 0

Number("") // 返回 0

Number("99 88") // 返回 NaN

在 Number 方法 章節中，你可以查看到更多關於字元串轉為數字的方法：

一元運算符 +

Operator +可用於將變數轉換為數字：

實例

var y = "5"; // y 是一個字元串

var x = + y; // x 是一個數字

嘗試一下 ?

如果變數不能轉換，它仍然會是一個數字，但值為 NaN (不是一個數字):

實例

var y = "John"; // y 是一個字元串

var x = + y; // x 是一個數字 (NaN)

將布爾值轉換為數字

全局方法 Number() 可將布爾值轉換為數字。

Number(false) // 返回 0

Number(true) // 返回 1

將日期轉換為數字

全局方法 Number() 可將日期轉換為數字。

d = new Date();

Number(d) // 返回 1404568027739

日期方法 getTime() 也有相同的效果。

d = new Date();

d.getTime() // 返回 1404568027739

自動轉換類型

當 JavaScript 嘗試操作一個 "錯誤" 的數據類型時，會自動轉換為 "正確" 的數據類型。

以下輸出結果不是你所期望的：

5 + null // 返回 5 null 轉換為 0

"5" + null // 返回"5null" null 轉換為 "null"

"5" + 1 // 返回 "51" 1 轉換為 "1"

"5" - 1 // 返回 4 "5" 轉換為 5

自動轉換為字元串

當你嘗試輸出一個對象或一個變數時 JavaScript 會自動調用變數的 toString() 方法：

document.getElementById("demo").innerHTML = myVar;

// if myVar = {name:"Fjohn"} // toString 轉換為 "[object Object]"

// if myVar = [1,2,3,4] // toString 轉換為 "1,2,3,4"

// if myVar = new Date() // toString 轉換為 "Fri Jul 18 2014 09:08:55 GMT+0200"

數字和布爾值也經常相互轉換：

// if myVar = 123 // toString 轉換為 "123"

// if myVar = true // toString 轉換為 "true"

// if myVar = false // toString 轉換為 "false"

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！