新聞中心
Number() 轉(zhuǎn)換為數(shù)字, String() 轉(zhuǎn)換為字符串, Boolean() 轉(zhuǎn)化為布爾值。

創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)三江侗,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢建站服務(wù):028-86922220
JavaScript 數(shù)據(jù)類(lèi)型
在 JavaScript 中有 5 種不同的數(shù)據(jù)類(lèi)型:
- string
- number
- boolean
- object
- function
3 種對(duì)象類(lèi)型:
- Object
- Date
- Array
2 個(gè)不包含任何值的數(shù)據(jù)類(lèi)型:
- null
- undefined
typeof 操作符
你可以使用 typeof 操作符來(lái)查看 JavaScript 變量的數(shù)據(jù)類(lèi)型。
實(shí)例
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沒(méi)有被實(shí)例化的話)
typeof
null
// 返回 object
嘗試一下 ?
請(qǐng)注意:
- NaN 的數(shù)據(jù)類(lèi)型是 number
- 數(shù)組(Array)的數(shù)據(jù)類(lèi)型是 object
- 日期(Date)的數(shù)據(jù)類(lèi)型為 object
- null 的數(shù)據(jù)類(lèi)型是 object
- 未定義變量的數(shù)據(jù)類(lèi)型為 undefined
如果對(duì)象是 JavaScript Array 或 JavaScript Date ,我們就無(wú)法通過(guò) typeof 來(lái)判斷他們的類(lèi)型,因?yàn)槎际?返回 Object。
constructor 屬性
constructor 屬性返回所有 JavaScript 變量的構(gòu)造函數(shù)。
實(shí)例
"John".constructor
// 返回函數(shù) String() { [native code] }
(
3.14).constructor
// 返回函數(shù) Number() { [native code] }
false.constructor
// 返回函數(shù) Boolean() { [native code] }
[
1,
2,
3,
4].constructor
// 返回函數(shù) Array() { [native code] }
{name:
'John', age:34}.constructor
// 返回函數(shù) Object() { [native code] }
new Date().constructor
// 返回函數(shù) Date() { [native code] }
function() {}.constructor
// 返回函數(shù) Function(){ [native code] }
嘗試一下 ?
你可以使用 constructor 屬性來(lái)查看對(duì)象是否為數(shù)組 (包含字符串 "Array"):
實(shí)例
function isArray(myArray) {
return myArray.constructor.toString().indexOf(
"Array") >
-1;
}
嘗試一下 ?
你可以使用 constructor 屬性來(lái)查看是對(duì)象是否為日期 (包含字符串 "Date"):
實(shí)例
function isDate(myDate) {
return myDate.constructor.toString().indexOf(
"Date") >
-1;
}
嘗試一下 ?
JavaScript 類(lèi)型轉(zhuǎn)換
JavaScript 變量可以轉(zhuǎn)換為新變量或其他數(shù)據(jù)類(lèi)型:
- 通過(guò)使用 JavaScript 函數(shù)
- 通過(guò) JavaScript 自身自動(dòng)轉(zhuǎn)換
將數(shù)字轉(zhuǎn)換為字符串
全局方法 String() 可以將數(shù)字轉(zhuǎn)換為字符串。
該方法可用于任何類(lèi)型的數(shù)字,字母,變量,表達(dá)式:
實(shí)例
String(x)
// 將變量 x 轉(zhuǎn)換為字符串并返回
String(
123)
// 將數(shù)字 123 轉(zhuǎn)換為字符串并返回
String(
100+
23)
// 將數(shù)字表達(dá)式轉(zhuǎn)換為字符串并返回
嘗試一下 ?
Number 方法 toString() 也是有同樣的效果。
實(shí)例
x.toString()
(
123).toString()
(
100 +
23).toString()
嘗試一下 ?
在 Number 方法 章節(jié)中,你可以找到更多數(shù)字轉(zhuǎn)換為字符串的方法:
| 方法 | 描述 |
|---|---|
| toExponential() | 把對(duì)象的值轉(zhuǎn)換為指數(shù)計(jì)數(shù)法。 |
| toFixed() | 把數(shù)字轉(zhuǎn)換為字符串,結(jié)果的小數(shù)點(diǎn)后有指定位數(shù)的數(shù)字。 |
| toPrecision() | 把數(shù)字格式化為指定的長(zhǎng)度。 |
將布爾值轉(zhuǎn)換為字符串
全局方法 String() 可以將布爾值轉(zhuǎn)換為字符串。
String(
false)
// 返回 "false"
String(
true)
// 返回 "true"
Boolean 方法 toString() 也有相同的效果。
false.toString()
// 返回 "false"
true.toString()
// 返回 "true"
將日期轉(zhuǎn)換為字符串
全局方法 String() 可以將日期轉(zhuǎn)換為字符串。
String(Date())
// 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
Date 方法 toString() 也有相同的效果。
實(shí)例
Date().toString()
// 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
在 Date 方法 章節(jié)中,你可以查看更多關(guān)于日期轉(zhuǎn)換為字符串的函數(shù):
| 方法 | 描述 |
|---|---|
| getDate() | 從 Date 對(duì)象返回一個(gè)月中的某一天 (1 ~ 31)。 |
| getDay() | 從 Date 對(duì)象返回一周中的某一天 (0 ~ 6)。 |
| getFullYear() | 從 Date 對(duì)象以四位數(shù)字返回年份。 |
| getHours() | 返回 Date 對(duì)象的小時(shí) (0 ~ 23)。 |
| getMilliseconds() | 返回 Date 對(duì)象的毫秒(0 ~ 999)。 |
| getMinutes() | 返回 Date 對(duì)象的分鐘 (0 ~ 59)。 |
| getMonth() | 從 Date 對(duì)象返回月份 (0 ~ 11)。 |
| getSeconds() | 返回 Date 對(duì)象的秒數(shù) (0 ~ 59)。 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒數(shù)。 |
將字符串轉(zhuǎn)換為數(shù)字
全局方法 Number() 可以將字符串轉(zhuǎn)換為數(shù)字。
字符串包含數(shù)字(如 "3.14") 轉(zhuǎn)換為數(shù)字 (如 3.14).
空字符串轉(zhuǎn)換為 0。
其他的字符串會(huì)轉(zhuǎn)換為 NaN (不是個(gè)數(shù)字)。
Number(
"3.14")
// 返回 3.14
Number(
" ")
// 返回 0
Number(
"")
// 返回 0
Number(
"99 88")
// 返回 NaN
在 Number 方法 章節(jié)中,你可以查看到更多關(guān)于字符串轉(zhuǎn)為數(shù)字的方法:
| 方法 | 描述 |
|---|---|
| parseFloat() | 解析一個(gè)字符串,并返回一個(gè)浮點(diǎn)數(shù)。 |
| parseInt() | 解析一個(gè)字符串,并返回一個(gè)整數(shù)。 |
一元運(yùn)算符 +
Operator + 可用于將變量轉(zhuǎn)換為數(shù)字:
實(shí)例
var y =
"5";
// y 是一個(gè)字符串
var x = + y;
// x 是一個(gè)數(shù)字
嘗試一下 ?
如果變量不能轉(zhuǎn)換,它仍然會(huì)是一個(gè)數(shù)字,但值為 NaN (不是一個(gè)數(shù)字):
實(shí)例
var y =
"John";
// y 是一個(gè)字符串
var x = + y;
// x 是一個(gè)數(shù)字 (NaN)
嘗試一下 ?
將布爾值轉(zhuǎn)換為數(shù)字
全局方法 Number() 可將布爾值轉(zhuǎn)換為數(shù)字。
Number(
false)
// 返回 0
Number(
true)
// 返回 1
將日期轉(zhuǎn)換為數(shù)字
全局方法 Number() 可將日期轉(zhuǎn)換為數(shù)字。
d =
new Date();
Number(d)
// 返回 1404568027739
日期方法 getTime() 也有相同的效果。
d =
new Date();
d.getTime()
// 返回 1404568027739
自動(dòng)轉(zhuǎn)換類(lèi)型 Type Conversion
當(dāng) JavaScript 嘗試操作一個(gè) "錯(cuò)誤" 的數(shù)據(jù)類(lèi)型時(shí),會(huì)自動(dòng)轉(zhuǎn)換為 "正確" 的數(shù)據(jù)類(lèi)型。
以下輸出結(jié)果不是你所期望的:
5 +
null
// 返回 5 because null is converted to 0
"5" +
null
// 返回"5null" because null is converted to "null"
"5" +
1
// 返回 "51" because 1 is converted to "1"
"5" -
1
// 返回 4 because "5" is converted to 5
自動(dòng)轉(zhuǎn)換為字符串
當(dāng)你嘗試輸出一個(gè)對(duì)象或一個(gè)變量時(shí) JavaScript 會(huì)自動(dòng)調(diào)用變量的 toString() 方法:
document.getElementById(
"demo").innerHTML = myVar;
// if myVar = {name:"Fjohn"} // toString 轉(zhuǎn)換為 "[object Object]"
// if myVar = [1,2,3,4] // toString 轉(zhuǎn)換為 "1,2,3,4"
// if myVar = new Date() // toString 轉(zhuǎn)換為 "Fri Jul 18 2014 09:08:55 GMT+0200"
數(shù)字和布爾值也經(jīng)常相互轉(zhuǎn)換:
// if myVar = 123 // toString 轉(zhuǎn)換為 "123"
// if myVar = true // toString 轉(zhuǎn)換為 "true"
// if myVar = false // toString 轉(zhuǎn)換為 "false"
null
在 JavaScript 中 null 表示 "什么都沒(méi)有",是一個(gè)只有一個(gè)值的特殊類(lèi)型,表示一個(gè)空對(duì)象引用。
當(dāng)設(shè)置為“null”時(shí),可以用來(lái)清空對(duì)象:
var person = null; // 值為 null(空), 但類(lèi)型為對(duì)象
提示:你可以使用 typeof 檢測(cè) null 返回是object。
undefined
在 JavaScript 中 undefined 是一個(gè)沒(méi)有設(shè)置值的變量。
如果一個(gè)變量沒(méi)有設(shè)置值的話,就會(huì)返回 undefined:
var person; // 值為 undefined(空), 類(lèi)型是undefined
相關(guān)文章
JavaScript標(biāo)準(zhǔn)參考教程:JavaScript 數(shù)據(jù)類(lèi)型轉(zhuǎn)換
分享題目:創(chuàng)新互聯(lián)JAVA教程:JavaScript類(lèi)型轉(zhuǎn)換
瀏覽地址:http://www.dlmjj.cn/article/coejihi.html


咨詢
建站咨詢
