JavaScript 學(xué)習(xí)筆記之?dāng)?shù)據(jù)類(lèi)型
一、分類(lèi)
基本數(shù)據(jù)類(lèi)型:undefined、null、string、Boolean、number
復(fù)雜數(shù)據(jù)類(lèi)型:object
object的屬性以無(wú)序的名稱(chēng)和值對(duì)的形式 (name : value) 來(lái)定義
二、詳解
1、undefined:undefined類(lèi)型只有一個(gè)值:undefined,在使用var對(duì)變量進(jìn)行聲明但未初始化時(shí),這個(gè)變量的值就是undefined.
包含undefined值的變量與尚未定義的變量是不一樣的,以下這個(gè)例子可以說(shuō)明:
var demo1;//聲明但未初始化
alert(demo1);//undefined
alert(demo2);//報(bào)錯(cuò),demo2 is not defined
2、null:null類(lèi)型只有一個(gè)值:null,從邏輯角度來(lái)看,null值表示一個(gè)空對(duì)象指針.
如果定義的變量準(zhǔn)備在將來(lái)用于保存對(duì)象,那么最好將該變量初始化為null而不是其他值。這樣一來(lái),只要直接檢測(cè)null值就可以知道相應(yīng)的變量是否已經(jīng)保存了一個(gè)對(duì)象的引用了,例如:
if(car != null)
{
//對(duì)car對(duì)象執(zhí)行某些操作
}
實(shí)際上,undefined值是派生自null值的,因此ECMA-262規(guī)定對(duì)它們的相等性測(cè)試要返回true。
alert(undefined == null); //true
盡管null和undefined有這樣的關(guān)系,但它們的用途完全不同。無(wú)論在什么情況下都沒(méi)有必要把一個(gè)變量的值顯式地設(shè)置為undefined,可是同樣的規(guī)則對(duì)null卻不適用。換句話說(shuō),只要意在保存對(duì)象的變量還沒(méi)有真正保存對(duì)象,就應(yīng)該明確地讓該變量保存null值。這樣做不僅可以體現(xiàn)null作為空對(duì)象指針的慣例,而且也有助于進(jìn)一步區(qū)分null和undefined。
3、Boolean:Boolean類(lèi)型有兩個(gè)值:true和false,這兩個(gè)值與數(shù)字值不是一回事,因此true不一定等于1,而false也不一定等于0。
需要注意的是:Boolean類(lèi)型的字面值是區(qū)分大小寫(xiě)的,也就是說(shuō),True和False(以及其他形式的大小寫(xiě)混合)都不是Boolean值,只是標(biāo)識(shí)符。
雖然Boolean類(lèi)型的字面值只有兩個(gè),但JavaScript中所有類(lèi)型的值都有與這兩個(gè)Boolean值等價(jià)的值。要將一個(gè)值轉(zhuǎn)換為其對(duì)應(yīng)的Boolean值,可以調(diào)用類(lèi)型轉(zhuǎn)換函數(shù)Boolean(),例如:
var message = 'Hello World';
var messageAsBoolean = Boolean(message);
在這個(gè)例子中,字符串message被轉(zhuǎn)換成了一個(gè)Boolean值,該值被保存在messageAsBoolean變量中。可以對(duì)任何數(shù)據(jù)類(lèi)型的值調(diào)用Boolean()函數(shù),而且總會(huì)返回一個(gè)Boolean值。至于返回的這個(gè)值是true還是false,取決于要轉(zhuǎn)換值的數(shù)據(jù)類(lèi)型及其實(shí)際值。下表給出了各種數(shù)據(jù)類(lèi)型及其對(duì)象的轉(zhuǎn)換規(guī)則。
這些轉(zhuǎn)換規(guī)則對(duì)理解流控制語(yǔ)句(如if語(yǔ)句)自動(dòng)執(zhí)行相應(yīng)的Boolean轉(zhuǎn)換非常重要,例如:
var message = 'Hello World';
if(message)//相當(dāng)于if(Boolean(message)==true)
{
alert("Value is true");//Value is true
}
由于存在這種自動(dòng)執(zhí)行的Boolean轉(zhuǎn)換,因此確切地知道在流控制語(yǔ)句中使用的是什么變量至關(guān)重要。
4、number:整數(shù)和浮點(diǎn)
4.1 整數(shù):在進(jìn)行計(jì)算時(shí),所有的八進(jìn)制和十六進(jìn)制數(shù)都會(huì)被換算成十進(jìn)制
4.2 浮點(diǎn):浮點(diǎn)數(shù)值的最高精度是17位,因此在算數(shù)計(jì)算時(shí)其精度遠(yuǎn)遠(yuǎn)不如整數(shù),例如:0.1+0.2的結(jié)果不是0.3,而是0.30000000000000004.例如:
a=0.2;
b=0.1;
if(a+b==0.3){
alert("hello");
}
else{
alert("hi");
}
結(jié)果會(huì)彈出“hi”,因此不要測(cè)試某個(gè)特定的浮點(diǎn)數(shù)值。
4.3 NaN:非數(shù)值 Not a Number,這個(gè)數(shù)值用于表示一個(gè)本來(lái)要返回?cái)?shù)值的操作數(shù)未返回?cái)?shù)值的情況(這樣就不會(huì)拋出錯(cuò)誤了)。
NaN本身有兩個(gè)非同尋常的特點(diǎn)。首先,任何涉及NaN的操作(例如NaN/10)都會(huì)返回NaN,這個(gè)特點(diǎn)在多步計(jì)算中有可能導(dǎo)致問(wèn)題。其次,NaN與任何值都不相等,包括NaN本身。例如:
alert(NaN == NaN); //false
JavaScript中有一個(gè)isNaN()函數(shù),這個(gè)函數(shù)接受一個(gè)參數(shù),該參數(shù)可以是任何類(lèi)型,而函數(shù)會(huì)幫我們確定這個(gè)參數(shù)是否“不是數(shù)值”。isNaN()在接收一個(gè)值之后,會(huì)嘗試將這個(gè)值轉(zhuǎn)換為數(shù)值。某些不是數(shù)值的值會(huì)直接轉(zhuǎn)換為數(shù)值,例如字符串”10“或Boolean值。而任何不能被轉(zhuǎn)換為數(shù)值的值都會(huì)導(dǎo)致這個(gè)函數(shù)返回true。例如:
alert(isNaN(NaN)); //true
alert(isNaN(10)); //false(10是一個(gè)數(shù)值)
alert(isNaN("10")); //false(可能被轉(zhuǎn)換為數(shù)值10)
alert(isNaN("blue")); //true(不能被轉(zhuǎn)換為數(shù)值)
alert(isNaN("bule123")); //ture(不能被轉(zhuǎn)換為數(shù)值)
alert(isNaN(true)); //false(可能被轉(zhuǎn)換為數(shù)值1)
有3個(gè)函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值:Number()、parseInt()和parseFloat()。第一個(gè)函數(shù),即轉(zhuǎn)型函數(shù)Number()可以用于任何數(shù)據(jù)類(lèi)型,而另外兩個(gè)函數(shù)則專(zhuān)門(mén)用于把字符串轉(zhuǎn)換成數(shù)值。這3個(gè)函數(shù)對(duì)于同樣的輸入會(huì)返回不同的結(jié)果。
Number()函數(shù)的轉(zhuǎn)換規(guī)則如下:
● 如果是Boolean值,true和false將分別被替換為1和0
● 如果是數(shù)字值,只是簡(jiǎn)單的傳入和返回
● 如果是null值,返回0
● 如果是undefined,返回NaN
● 如果是字符串,遵循下列規(guī)則:
○ 如果字符串中只包含數(shù)字,則將其轉(zhuǎn)換為十進(jìn)制數(shù)值,即”1“會(huì)變成1,”123“會(huì)變成123,而”011“會(huì)變成11(前導(dǎo)的0被忽略)
○ 如果字符串中包含有效的浮點(diǎn)格式,如”1.1“,則將其轉(zhuǎn)換為對(duì)應(yīng)的浮點(diǎn)數(shù)(同樣,也會(huì)忽略前導(dǎo)0)
○ 如果字符串中包含有效的十六進(jìn)制格式,例如”0xf“,則將其轉(zhuǎn)換為相同大小的十進(jìn)制整數(shù)值
○ 如果字符串是空的,則將其轉(zhuǎn)換為0
○ 如果字符串中包含除了上述格式之外的字符,則將其轉(zhuǎn)換為NaN
● 如果是對(duì)象,則調(diào)用對(duì)象的valueOf()方法,然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是NaN,則調(diào)用對(duì)象的toString()方法,然后再依次按照前面的規(guī)則轉(zhuǎn)換返回的字符串值。
var num1 = Number("Hello World"); //NaN
var num2 = Number(""); //0
var num3 = Number("000011"); //11
var num4 = Number(true); //1
由于Number()函數(shù)在轉(zhuǎn)換字符串時(shí)比較復(fù)雜而且不夠合理,因此在處理整數(shù)的時(shí)候更常用的是parseInt()函數(shù),而處理浮點(diǎn)數(shù)的時(shí)候常用parseFloat()函數(shù),詳見(jiàn):http://www.cnblogs.com/yxField/p/4167954.html
5、String
String類(lèi)型用于表示由零或多個(gè)16位Unicode字符組成的字符序列,即字符串。字符串可以由單引號(hào)(')或雙引號(hào)(")表示。
var str1 = "Hello";
var str2 = 'Hello';
任何字符串的長(zhǎng)度都可以通過(guò)訪問(wèn)其length屬性取得
alert(str1.length); //輸出5
要把一個(gè)值轉(zhuǎn)換為一個(gè)字符串有兩種方式。第一種是使用幾乎每個(gè)值都有的toString()方法。
var age = 11;
var ageAsString = age.toString(); //字符串"11"
var found = true;
var foundAsString = found.toString(); //字符串"true"
數(shù)值、布爾值、對(duì)象和字符串值都有toString()方法。但null和undefined值沒(méi)有這個(gè)方法。
多數(shù)情況下,調(diào)用toString()方法不必傳遞參數(shù)。但是,在調(diào)用數(shù)值的toString()方法時(shí),可以傳遞一個(gè)參數(shù):輸出數(shù)值的基數(shù)。
var num = 10;
alert(num.toString()); //"10"
alert(num.toString(2)); //"1010"
alert(num.toString(8)); //"12"
alert(num.toString(10)); //"10"
alert(num.toString(16)); //"a"
通過(guò)這個(gè)例子可以看出,通過(guò)指定基數(shù),toString()方法會(huì)改變輸出的值。而數(shù)值10根據(jù)基數(shù)的不同,可以在輸出時(shí)被轉(zhuǎn)換為不同的數(shù)值格式。
在不知道要轉(zhuǎn)換的值是不是null或undefined的情況下,還可以使用轉(zhuǎn)型函數(shù)String(),這個(gè)函數(shù)能夠?qū)⑷魏晤?lèi)型的值轉(zhuǎn)換為字符串。String()函數(shù)遵循下列轉(zhuǎn)換規(guī)則:
● 如果值有toString()方法,則調(diào)用該方法(沒(méi)有參數(shù))并返回相應(yīng)的結(jié)果
● 如果值是null,則返回"null"
● 如果值是undefined,則返回”undefined“
6、object
對(duì)象其實(shí)就是一組數(shù)據(jù)和功能的集合。對(duì)象可以通過(guò)執(zhí)行new操作符后跟要?jiǎng)?chuàng)建的對(duì)象類(lèi)型的名稱(chēng)來(lái)創(chuàng)建。而創(chuàng)建Object類(lèi)型的實(shí)例并為其添加屬性和(或)方法,就可以創(chuàng)建自定義對(duì)象。
var o = new Object();
object類(lèi)型所具有的任何屬性和方法也同樣存在于更具體的對(duì)象中,Object的每個(gè)實(shí)例都具有下列屬性和方法:
● constructor(構(gòu)造函數(shù))——保存著用于創(chuàng)建當(dāng)前對(duì)象的函數(shù)
● hasOwnProperty(propertyName)——用于檢查給定的屬性在當(dāng)前對(duì)象實(shí)例中(而不是在實(shí)例的原型中)是否存在。其中,作為參數(shù)的屬性名(propertyName)必須以字符串形式指定(例如:o.hasOwnProperty("name"))
● isPrototypeOf(object)——用于檢查傳入的對(duì)象是否是另一個(gè)對(duì)象的原型
● propertyIsEnumerable(propertyName)——用于檢查給定的屬性是否能夠使用for-in語(yǔ)句來(lái)枚舉
● toString()——返回對(duì)象的字符串表示
● valueOf()——返回對(duì)象的字符串、數(shù)值或布爾值表示。通常與toString()方法的返回值相同。
三、小測(cè)試
typeof(NaN)
typeof(Infinity)
typeof(null)
typeof(undefined)
很多面試都會(huì)問(wèn)到上面幾個(gè)小問(wèn)題噠~~
以上就是這6種javascript數(shù)據(jù)類(lèi)型的介紹了,小伙伴們是否了解清楚了呢,希望看完本文后大家能有所提高。
- javascript 簡(jiǎn)單高效判斷數(shù)據(jù)類(lèi)型 系列函數(shù) By shawl.qiu
- javascript 數(shù)據(jù)類(lèi)型轉(zhuǎn)換(parseInt,parseFloat)
- javascript開(kāi)發(fā)技術(shù)大全-第3章 js數(shù)據(jù)類(lèi)型
- JavaScript基礎(chǔ)知識(shí)之?dāng)?shù)據(jù)類(lèi)型
- Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類(lèi)型 (字符串 String)
- Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類(lèi)型 (數(shù)值 Number)
- Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類(lèi)型 (布爾型 Boolean)
- Javascript基礎(chǔ)教程之?dāng)?shù)據(jù)類(lèi)型轉(zhuǎn)換
- javascript數(shù)據(jù)類(lèi)型示例分享
相關(guān)文章
DOM下的節(jié)點(diǎn)屬性和操作小結(jié)
DOM 節(jié)點(diǎn)屬性操作方法小結(jié)。2009-05-05javascript實(shí)現(xiàn)滑動(dòng)解鎖功能
這篇文章主要介紹了javascript實(shí)現(xiàn)滑動(dòng)解鎖功能的方法及示例,效果非常棒,需要的朋友可以參考下2014-12-12用JavaScript腳本實(shí)現(xiàn)Web頁(yè)面信息交互
這篇文章主要給大家介紹了關(guān)于用JavaScript腳本實(shí)現(xiàn)Web頁(yè)面信息交互的相關(guān)資料,需要的朋友可以參考下2006-12-12Javascript學(xué)習(xí)筆記5 類(lèi)和對(duì)象
首先,不得不說(shuō),我無(wú)法達(dá)到拋開(kāi)類(lèi)和對(duì)象的概念來(lái)看Javascript的境界,對(duì)于Javascript是否是面向?qū)ο蟮恼f(shuō)法有很多,不過(guò)我最認(rèn)同的還是Javascript是一種“基于prototype的面向?qū)ο笳Z(yǔ)言”。2010-01-01JavaScript中splice與slice的區(qū)別
本文給大家分享的是JavaScript中的splice和slice的用法和區(qū)別,slice()方法和splice()方法都是原生js中對(duì)數(shù)組操作的方法,下面我們來(lái)詳細(xì)探討下2017-05-05JavaScript數(shù)據(jù)類(lèi)型轉(zhuǎn)換
本文詳細(xì)講解了JavaScript實(shí)現(xiàn)數(shù)據(jù)類(lèi)型轉(zhuǎn)換的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03