JavaScript 類(lèi)型轉(zhuǎn)換
Number() 轉(zhuǎn)換為數(shù)字, String() 轉(zhuǎn)換為字串, Boolean() 轉(zhuǎn)換為布林值。
JavaScript 資料型別
#在JavaScript 中有5 個(gè)不同的資料型別:
string
number
#boolean
object
- ##function
3 種物件類(lèi)型:
- ##Object
- Date
- Array
#2 個(gè)不包含任何值的資料型別:
null
undefined
- typeof 運(yùn)算子
- 你可以使用?typeof?運(yùn)算子來(lái)檢視JavaScript 變數(shù)的資料型態(tài)。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)(php.cn)</title> </head> <body> <p> typeof 操作符返回變量、對(duì)象、函數(shù)、表達(dá)式的類(lèi)型。</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = typeof "john" + "<br>" + typeof 3.14 + "<br>" + typeof NaN + "<br>" + typeof false + "<br>" + typeof [1,2,3,4] + "<br>" + typeof {name:'john', age:34} + "<br>" + typeof new Date() + "<br>" + typeof function () {} + "<br>" + typeof myCar + "<br>" + typeof null; </script> </body> </html>
執(zhí)行程式嘗試 請(qǐng)注意:
#NaN 的資料型別是number
日期(Date)的資料型別為objectnull 的資料型別是object
如果物件是JavaScript Array 或JavaScript Date ,我們就無(wú)法透過(guò)?typeof?來(lái)判斷他們的類(lèi)型,因?yàn)槎际腔貍鱋bject。
constructor 屬性
#constructor?屬性傳回所有 JavaScript 變數(shù)的建構(gòu)子。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)(php.cn)</title> </head> <body> <p> constructor 屬性返回變量或?qū)ο蟮臉?gòu)造函數(shù)。</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "john".constructor + "<br>" + (3.14).constructor + "<br>" + false.constructor + "<br>" + [1,2,3,4].constructor + "<br>" + {name:'john', age:34}.constructor + "<br>" + new Date().constructor + "<br>" + function () {}.constructor; </script> </body> </html>執(zhí)行程式嘗試
你可以使用constructor 屬性來(lái)檢視是物件是否為陣列(包含字串"Array"):
#實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)(php.cn)</title> </head> <body> <p>判斷是否為數(shù)組。</p> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = isArray(fruits); function isArray(myArray) { return myArray.constructor.toString().indexOf("Array") > -1; } </script> </body> </html>執(zhí)行程式嘗試一下#你可以使用constructor 屬性來(lái)查看是物件是否為日期(包含字串"Date") :
- 實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)(php.cn)</title> </head> <body> <p>判斷是否為日期。</p> <p id="demo"></p> <script> var myDate = new Date(); document.getElementById("demo").innerHTML = isDate(myDate); function isDate(myDate) { return myDate.constructor.toString().indexOf("Date") > -1; } </script> </body> </html>
執(zhí)行程式嘗試
JavaScript 變數(shù)可以轉(zhuǎn)換為新變數(shù)或其他資料型別:
#透過(guò)使用JavaScript 函數(shù)########### #透過(guò)JavaScript 自身自動(dòng)轉(zhuǎn)換##################將數(shù)字轉(zhuǎn)換為字串############全域方法?String()?可以將數(shù)字轉(zhuǎn)換為字串。 ###該方法可用於任何類(lèi)型的數(shù)字,字母,變量,表達(dá)式:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)(php.cn)</title> </head> <body> <p> String() 方法可以將數(shù)字轉(zhuǎn)換為字符串。</p> <p id="demo"></p> <script> var x = 123; document.getElementById("demo").innerHTML = String(x) + "<br>" + String(123) + "<br>" + String(100 + 23); </script> </body> </html>
運(yùn)行程式嘗試
Number 方法?toString()?也是有相同的效果。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(wǎng)(php.cn)</title> </head> <body> <p>toString() 方法將數(shù)字轉(zhuǎn)換為字符串。</p> <p id="demo"></p> <script> var x = 123; document.getElementById("demo").innerHTML = x.toString() + "<br>" + (123).toString() + "<br>" + (100 + 23).toString(); </script> </body> </html>
執(zhí)行程式嘗試
數(shù)字轉(zhuǎn)換為字串的方法:
方法 | 描述 |
---|---|
#toExponential() | 把物件的值轉(zhuǎn)換為指數(shù)計(jì)數(shù)法。 |
toFixed() | 把數(shù)字轉(zhuǎn)換成字串,結(jié)果的小數(shù)點(diǎn)後面有指定位數(shù)的數(shù)字。 |
toPrecision() | 把數(shù)字格式化為指定的長(zhǎng)度。 |
將布林值轉(zhuǎn)換為字串
全域方法?String()?可以將布林值轉(zhuǎn)換為字串。
false.toString()?????// 返回"false"String(false)?? ?????// 回傳"false"
。
String(true)????? ???// 返回"true"
true.toString()? ????// 返回"true"將日期轉(zhuǎn)換為字串
全域方法?String()?可以將日期轉(zhuǎn)換為字串。
##toString( )?也有相同的效果。
Date().toString()???// 回傳Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
日期轉(zhuǎn)換為字串的函數(shù):
getDate() | |||||||
---|---|---|---|---|---|---|---|
getDay() | |||||||
getFullYear() | |||||||
getHours() | |||||||
getMilliseconds() | |||||||
getMinutes() | |||||||
getMonth() | |||||||
getSeconds() | |||||||
getTime() | |||||||
##說(shuō)明 | |
---|---|
解析一個(gè)字串,並傳回一個(gè)浮點(diǎn)數(shù)。 | |
解析一個(gè)字串,並傳回一個(gè)整數(shù)。 |