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