詳解js的六大數(shù)據(jù)類(lèi)型
js中有六種數(shù)據(jù)類(lèi)型,包括五種基本數(shù)據(jù)類(lèi)型(Number,String,Boolean,Null,Undefined),和一種混合數(shù)據(jù)類(lèi)型(Object)。
前面說(shuō)到j(luò)s中變量是松散類(lèi)型的,因此有時(shí)候我們需要檢測(cè)變量的數(shù)據(jù)類(lèi)型。
typeof操作符可以檢測(cè)變量的數(shù)據(jù)類(lèi)型(輸出的是一個(gè)關(guān)于數(shù)據(jù)類(lèi)型的字符串)。
返回如下6種字符串:number,string,boolean,object,undefined,function.且看如下例子:
var x = 1; console.log(typeof x);//number var a = undefined; console.log(typeof a);//undefined var b = null; console.log(typeof b);//object,(null是空對(duì)象引用/或者說(shuō)指針)。 var c = new Object(); console.log(typeof c);//object var e = [1,2,3]; console.log(typeof e);//object var d = function(){ // ... 語(yǔ)句塊 } console.log(typeof d);//function
上面代碼中,null類(lèi)型進(jìn)行typeof操作符后,結(jié)果是object,原因在于,null類(lèi)型被當(dāng)做一個(gè)空對(duì)象引用。
下面開(kāi)始針對(duì)每一種數(shù)據(jù)類(lèi)型單個(gè)講解:
1.Number類(lèi)型
Number類(lèi)型包含整數(shù)和浮點(diǎn)數(shù)(浮點(diǎn)數(shù)數(shù)值必須包含一個(gè)小數(shù)點(diǎn),且小數(shù)點(diǎn)后面至少有一位數(shù)字)兩種值。
浮點(diǎn)數(shù)將會(huì)自動(dòng)轉(zhuǎn)換為整數(shù)。
var num = 1.00; console.log(num);//1,自動(dòng)轉(zhuǎn)換為整數(shù)
浮點(diǎn)數(shù)的最高精度是17位,看下面的例子,結(jié)果竟然不是0.3,至于其他編程語(yǔ)言,也會(huì)遇到這種情況(關(guān)于浮點(diǎn)數(shù)計(jì)算會(huì)產(chǎn)生舍入誤差問(wèn)題,其他有些編程語(yǔ)言也會(huì)出現(xiàn)類(lèi)似情況。)
var num1 = 0.1; var num2 = 0.2; console.log(num1 + num2);//0.30000000000000004
NaN:非數(shù)字類(lèi)型。特點(diǎn):① 涉及到的 任何關(guān)于NaN的操作,都會(huì)返回NaN ② NaN不等于自身。
var ab = "a1"; console.log(ab/10);// NaN console.log(NaN == NaN);// false;
isNaN()函數(shù),用于判斷是否是一個(gè)非數(shù)字類(lèi)型。如果傳入的參數(shù)是一個(gè)非數(shù)字類(lèi)型,那么返回true;否則返回false;
isNaN()函數(shù),傳入一個(gè)參數(shù),函數(shù)會(huì)先將參數(shù)轉(zhuǎn)換為數(shù)值。
如果參數(shù)類(lèi)型為對(duì)象類(lèi)型,會(huì)先調(diào)用對(duì)象的valueOf()方法, 再確定該方法返回的值是否可以轉(zhuǎn)換為數(shù)值類(lèi)型。如果不能,再調(diào)用對(duì)象的toString()方法,再確定返回值。
數(shù)值轉(zhuǎn)換:
Number()轉(zhuǎn)型函數(shù),可以用于任何數(shù)據(jù)類(lèi)型;
parseInt(),將值轉(zhuǎn)換為整型,用的比較多;
parseFloat();將值轉(zhuǎn)換為浮點(diǎn)型。
2.String類(lèi)型
字符串類(lèi)型中的單引號(hào)與雙引號(hào)的作用效果完全一樣。
字符串有l(wèi)ength屬性??梢匀〉米址拈L(zhǎng)度。var str = “hello”;console.log(str.length);//5
字符串的值是不可變的。要改變一個(gè)字符串的值,首先要銷(xiāo)毀原來(lái)的字符串,再用另一個(gè)包含新值的字符串去填充該字符串。
var lang = “java”; lang += “script”;
上面這段代碼,先創(chuàng)建一個(gè)能容納10個(gè)字符的字符串,然后在這個(gè)字符串中填充java和script字符串,最后銷(xiāo)毀原來(lái)的字符串java和scrip字符串,因?yàn)檫@兩個(gè)字符串此時(shí)已經(jīng)沒(méi)用了。這個(gè)個(gè)過(guò)程是在后臺(tái)發(fā)生的。
字符串轉(zhuǎn)換:轉(zhuǎn)型函數(shù)String(),適用于任何數(shù)據(jù)類(lèi)型(null,undefined 轉(zhuǎn)換后為null和undefined);toString()方法(null,defined沒(méi)有toString()方法)。
var bc = "lijinwen"; var bd = null; var be = undefined; console.log(bc.toString()); //console.log(bd.toString());//error 報(bào)錯(cuò) //console.log(be.toString());//error 報(bào)錯(cuò) console.log("------"); console.log(String(bc)); console.log(String(bd)); console.log(String(be));
3.Boolean類(lèi)型
該類(lèi)型只有兩個(gè)值,true和false
轉(zhuǎn)換為boolean值: 轉(zhuǎn)型函數(shù)Boolean(),將某個(gè)值轉(zhuǎn)換為Boolean類(lèi)型。詳細(xì)內(nèi)容,后面會(huì)慢慢的補(bǔ)充。
4.Null類(lèi)型
null類(lèi)型被看做空對(duì)象指針,前文說(shuō)到null類(lèi)型也是空的對(duì)象引用。只有一個(gè)值,即null值,所以,在你 用typeof 操作符去檢測(cè)null類(lèi)型的值時(shí),結(jié)果是object類(lèi)型。
如果你定義了一個(gè)變量,但是想在以后把這個(gè)變量當(dāng)做一個(gè)對(duì)象來(lái)用,那么最好將該對(duì)象初始化為null值。
5.Undefined類(lèi)型
只有一個(gè)值,即undefined值。使用var聲明了變量,但未給變量初始化值,那么這個(gè)變量的值就是undefined。
var name = "lijinwen"; var age; console.log(name);//lijinwen console.log(age);//undefined //console.log(height);//error,變量height沒(méi)有聲明 console.log(typeof name);//string console.log(typeof age);//undefined console.log(typeof height);//undefined,變量height沒(méi)有聲明
上面這段代碼中,age雖然聲明了,但是沒(méi)有初始化值,所以,打印出來(lái)的是undefined.而變量height沒(méi)有聲明,故報(bào)錯(cuò)。
但是用typeof操作符去檢測(cè)數(shù)據(jù)類(lèi)型的時(shí)候,變量age沒(méi)有初始化,結(jié)果是undefined,沒(méi)有聲明變量的height檢測(cè)的類(lèi)型也是undefined.
6.Object類(lèi)型
js中對(duì)象是一組屬性與方法的集合。具體的關(guān)于對(duì)象的創(chuàng)建方式以及對(duì)象的各種特性,會(huì)在后面的引用類(lèi)型的章節(jié)中 做詳細(xì)介紹。這里就簡(jiǎn)單介紹一下六大數(shù)據(jù)類(lèi)型中的Object.
①constructor屬性:構(gòu)造函數(shù)屬性,可確定當(dāng)前對(duì)象的構(gòu)造函數(shù)。
var o = new Object(); console.log(o.constructor == Object);//true var arr = new Array(); console.log(arr.constructor == Array);//true
②hasOwnProperty(propertyName):判斷屬性是否存在于當(dāng)前對(duì)象實(shí)例中(而不是原型對(duì)象中)。這個(gè)在后面的面向?qū)ο蟮恼鹿?jié)中 有詳細(xì)的講解。
③…更多關(guān)于Object請(qǐng)查看后面的章節(jié)面向?qū)ο蟆?/p>
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
- js判斷數(shù)據(jù)類(lèi)型如判斷是否為數(shù)組是否為字符串等等
- javascript中的五種基本數(shù)據(jù)類(lèi)型
- js 判斷數(shù)據(jù)類(lèi)型的幾種方法
- js 數(shù)據(jù)類(lèi)型轉(zhuǎn)換總結(jié)筆記
- js 判斷各種數(shù)據(jù)類(lèi)型的簡(jiǎn)單方法(推薦)
- Javascript如何判斷數(shù)據(jù)類(lèi)型和數(shù)組類(lèi)型
- JavaScript中數(shù)據(jù)類(lèi)型轉(zhuǎn)換總結(jié)
- js的各種數(shù)據(jù)類(lèi)型判斷的介紹
- javaScript中一些常見(jiàn)的數(shù)據(jù)類(lèi)型檢查校驗(yàn)
相關(guān)文章
JavaScript使用SpreadJS創(chuàng)建Excel查看器
在現(xiàn)代的Web應(yīng)用開(kāi)發(fā)中,Excel文件的處理和展示是一項(xiàng)常見(jiàn)的需求,小編今天將為大家展示如何借助SpreadJS來(lái)創(chuàng)建一個(gè)Excel查看器,感興趣的小伙伴可以了解下2023-12-12JS實(shí)現(xiàn)換膚功能的方法實(shí)例詳解
這篇文章主要介紹了JS實(shí)現(xiàn)換膚功能的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)頁(yè)面元素屬性與樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01基于javascript實(shí)現(xiàn)tab切換特效
這篇文章主要介紹了基于javascript實(shí)現(xiàn)tab切換特效的相關(guān)資料,具有一定的參考價(jià)值,需要的朋友可以參考下2016-03-03Uni-App用uView組件庫(kù)中u-picker實(shí)現(xiàn)地區(qū)的省-市-區(qū)三級(jí)聯(lián)動(dòng)、確認(rèn)及回顯
最近項(xiàng)目要使用uni-app遇到省市縣三級(jí)聯(lián)動(dòng)的問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Uni-App用uView組件庫(kù)中u-picker實(shí)現(xiàn)地區(qū)的省-市-區(qū)三級(jí)聯(lián)動(dòng)、確認(rèn)及回顯的相關(guān)資料,需要的朋友可以參考下2023-12-12JavaScript獲取當(dāng)前url根目錄(路徑)
本文主要介紹JavaScript獲取當(dāng)前url根目錄的方法,比較實(shí)用,需要的朋友可以參考一下。2016-06-06js實(shí)現(xiàn)簡(jiǎn)單排列組合的方法
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單排列組合的方法,可實(shí)現(xiàn)數(shù)學(xué)上排列組合算法功能,涉及JavaScript數(shù)組與字符串操作技巧,需要的朋友可以參考下2016-01-01微信小程序返回上一級(jí)頁(yè)面的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序返回上一級(jí)頁(yè)面的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06