JavaScript 型別轉換
Number() 轉換為數字, String() 轉換為字串, Boolean() 轉換為布林值。
JavaScript 資料型別
在 JavaScript 中有 6 種不同的資料型別:
- string
- number
- boolean
- object
- function
- symbol
3 種物件型別:
- Object
- Date
- Array
2 個不包含任何值的資料型別:
- null
- undefined
typeof 操作符
你可以使用 typeof 操作符來檢視 JavaScript 變數的資料型別。
例項
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 變數的建構函式。
例項
(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"):
例項
return myArray.constructor.toString().indexOf("Array") > -1;
}
嘗試一下 ?
你可以使用 constructor 屬性來檢視物件是否為日期 (包含字串 "Date"):
例項
return myDate.constructor.toString().indexOf("Date") > -1;
}
嘗試一下 ?
JavaScript 型別轉換
JavaScript 變數可以轉換為新變數或其他資料型別:
- 通過使用 JavaScript 函式
- 通過 JavaScript 自身自動轉換
將數字轉換為字串
全域性方法 String() 可以將數字轉換為字串。
該方法可用於任何型別的數字,字母,變數,表示式:
例項
String(123) // 將數字 123 轉換為字串並返回
String(100 + 23) // 將數字表達式轉換為字串並返回
嘗試一下 ?
Number 方法 toString() 也是有同樣的效果。
例項
(123).toString()
(100 + 23).toString()
嘗試一下 ?
在 Number 方法 章節中,你可以找到更多數字轉換為字串的方法:
方法 | 描述 |
---|---|
toExponential() | 把物件的值轉換為指數計數法。 |
toFixed() | 把數字轉換為字串,結果的小數點後有指定位數的數字。 |
toPrecision() | 把數字格式化為指定的長度。 |
將布林值轉換為字串
全域性方法 String() 可以將布林值轉換為字串。
String(true) // 返回 "true"
Boolean 方法 toString() 也有相同的效果。
true.toString() // 返回 "true"
將日期轉換為字串
Date() 返回字串。
全域性方法 String() 可以將日期物件轉換為字串。
Date 方法 toString() 也有相同的效果。
例項
obj.toString() // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
在 Date 方法 章節中,你可以檢視更多關於日期轉換為字串的函式:
方法 | 描述 |
---|---|
getDate() | 從 Date 物件返回一個月中的某一天 (1 ~ 31)。 |
getDay() | 從 Date 物件返回一週中的某一天 (0 ~ 6)。 |
getFullYear() | 從 Date 物件以四位數字返回年份。 |
getHours() | 返回 Date 物件的小時 (0 ~ 23)。 |
getMilliseconds() | 返回 Date 物件的毫秒(0 ~ 999)。 |
getMinutes() | 返回 Date 物件的分鐘 (0 ~ 59)。 |
getMonth() | 從 Date 物件返回月份 (0 ~ 11)。 |
getSeconds() | 返回 Date 物件的秒數 (0 ~ 59)。 |
getTime() | 返回 1970 年 1 月 1 日至今的毫秒數。 |
將字串轉換為數字
全域性方法 Number() 可以將字串轉換為數字。
字串包含數字(如 "3.14") 轉換為數字 (如 3.14).
空字串轉換為 0。
其他的字串會轉換為 NaN (不是個數字)。
Number(" ") // 返回 0
Number("") // 返回 0
Number("99 88") // 返回 NaN
在 Number 方法 章節中,你可以檢視到更多關於字串轉為數字的方法:
方法 | 描述 |
---|---|
parseFloat() | 解析一個字串,並返回一個浮點數。 |
parseInt() | 解析一個字串,並返回一個整數。 |
一元運算子 +
Operator + 可用於將變數轉換為數字:
例項
var x = + y; // x 是一個數字
嘗試一下 ?
如果變數不能轉換,它仍然會是一個數字,但值為 NaN (不是一個數字):
例項
var x = + y; // x 是一個數字 (NaN)
嘗試一下 ?
將布林值轉換為數字
全域性方法 Number() 可將布林值轉換為數字。
Number(true) // 返回 1
將日期轉換為數字
全域性方法 Number() 可將日期轉換為數字。
Number(d) // 返回 1404568027739
日期方法 getTime() 也有相同的效果。
d.getTime() // 返回 1404568027739
自動轉換型別
當 JavaScript 嘗試操作一個 "錯誤" 的資料型別時,會自動轉換為 "正確" 的資料型別。
以下輸出結果不是你所期望的:
"5" + null // 返回"5null" null 轉換為 "null"
"5" + 1 // 返回 "51" 1 轉換為 "1"
"5" - 1 // 返回 4 "5" 轉換為 5
自動轉換為字串
當你嘗試輸出一個物件或一個變數時 JavaScript 會自動呼叫變數的 toString() 方法:
myVar = {name:"Fjohn"} // toString 轉換為 "[object Object]"
myVar = [1,2,3,4] // toString 轉換為 "1,2,3,4"
myVar = new Date() // toString 轉換為 "Fri Jul 18 2014 09:08:55 GMT+0200"
數字和布林值也經常相互轉換:
myVar = true // toString 轉換為 "true"
myVar = false // toString 轉換為 "false"
下表展示了使用不同的數值轉換為數字(Number), 字串(String), 布林值(Boolean):
原始值 | 轉換為數字 | 轉換為字串 | 轉換為布林值 | 例項 |
---|---|---|---|---|
false | 0 | "false" | false | 嘗試一下 ? |
true | 1 | "true" | true | 嘗試一下 ? |
0 | 0 | "0" | false | 嘗試一下 ? |
1 | 1 | "1" | true | 嘗試一下 ? |
"0" | 0 | "0" | true | 嘗試一下 ? |
"000" | 0 | "000" | true | 嘗試一下 ? |
"1" | 1 | "1" | true | 嘗試一下 ? |
NaN | NaN | "NaN" | false | 嘗試一下 ? |
Infinity | Infinity | "Infinity" | true | 嘗試一下 ? |
-Infinity | -Infinity | "-Infinity" | true | 嘗試一下 ? |
"" | 0 | "" | false | 嘗試一下 ? |
"20" | 20 | "20" | true | 嘗試一下 ? |
"itread01" | NaN | "itread01" | true | 嘗試一下 ? |
[ ] | 0 | "" | true | 嘗試一下 ? |
[20] | 20 | "20" | true | 嘗試一下 ? |
[10,20] | NaN | "10,20" | true | 嘗試一下 ? |
["itread01"] | NaN | "itread01" | true | 嘗試一下 ? |
["itread01","Google"] | NaN | "itread01,Google" | true | 嘗試一下 ? |
function(){} | NaN | "function(){}" | true | 嘗試一下 ? |
{ } | NaN | "[object Object]" | true | 嘗試一下 ? |
null | 0 | "null" | false | 嘗試一下 ? |
undefined | NaN | "undefined" | false | 嘗試一下 ? |