判斷js中的數(shù)據(jù)類型的幾種方法

判斷js中的數(shù)據(jù)類型有一下幾種方法:typeof催烘、instanceof、 constructor缎罢、 prototype颗圣、 $.type()/jquery.type(),接下來(lái)主要比較一下這幾種方法的異同喳钟。

先舉幾個(gè)例子:

var a = "iamstring.";
var b = 222;
var c= [1,2,3];
var d = new Date();
var e = function(){alert(111);};
var f = function(){this.name="22";};

1、最常見(jiàn)的判斷方法:typeof

alert(typeof a)   ------------> string
alert(typeof b)   ------------> number
alert(typeof c)   ------------> object
alert(typeof d)   ------------> object
alert(typeof e)   ------------> function
alert(typeof f)   ------------> function
其中typeof返回的類型都是字符串形式在岂,需注意奔则,例如:
alert(typeof a == "string") -------------> true
alert(typeof a == String) ---------------> false
另外typeof 可以判斷function的類型;在判斷除Object類型的對(duì)象時(shí)比較方便蔽午。

2易茬、判斷已知對(duì)象類型的方法: instanceof

alert(c instanceof Array) ---------------> true
alert(d instanceof Date) 
alert(f instanceof Function) ------------> true
alert(f instanceof function) ------------> false
注意:instanceof 后面一定要是對(duì)象類型,并且大小寫不能錯(cuò)及老,該方法適合一些條件選擇或分支抽莱。

3、根據(jù)對(duì)象的constructor判斷: constructor

alert(c.constructor === Array) ----------> true
alert(d.constructor === Date) -----------> true
alert(e.constructor === Function) -------> true
注意: constructor 在類繼承時(shí)會(huì)出錯(cuò)
eg:
      function A(){};
      function B(){};
      A.prototype = new B(); //A繼承自B
      var aObj = new A();
      alert(aobj.constructor === B) -----------> true;
      alert(aobj.constructor === A) -----------> false;
而instanceof方法不會(huì)出現(xiàn)該問(wèn)題骄恶,對(duì)象直接繼承和間接繼承的都會(huì)報(bào)true:
      alert(aobj instanceof B) ----------------> true;
      alert(aobj instanceof B) ----------------> true;
言歸正傳食铐,解決construtor的問(wèn)題通常是讓對(duì)象的constructor手動(dòng)指向自己:
      aobj.constructor = A; //將自己的類賦值給對(duì)象的constructor屬性
      alert(aobj.constructor === A) -----------> true;
      alert(aobj.constructor === B) -----------> false; //基類不會(huì)報(bào)true了;

4、通用但很繁瑣的方法: prototype

alert(Object.prototype.toString.call(a) === ‘[object String]’) -------> true;
alert(Object.prototype.toString.call(b) === ‘[object Number]’) -------> true;
alert(Object.prototype.toString.call(c) === ‘[object Array]’) -------> true;
alert(Object.prototype.toString.call(d) === ‘[object Date]’) -------> true;
alert(Object.prototype.toString.call(e) === ‘[object Function]’) -------> true;
alert(Object.prototype.toString.call(f) === ‘[object Function]’) -------> true;
大小寫不能寫錯(cuò)僧鲁,比較麻煩虐呻,但勝在通用。

5寞秃、無(wú)敵萬(wàn)能的方法:jquery.type()

如果對(duì)象是undefined或null斟叼,則返回相應(yīng)的“undefined”或“null”。
jQuery.type( undefined ) === "undefined"
jQuery.type() === "undefined"
jQuery.type( window.notDefined ) === "undefined"
jQuery.type( null ) === "null"
如果對(duì)象有一個(gè)內(nèi)部的[[Class]]和一個(gè)瀏覽器的內(nèi)置對(duì)象的 [[Class]] 相同春寿,我們返回相應(yīng)的 [[Class]] 名字朗涩。 (有關(guān)此技術(shù)的更多細(xì)節(jié)。 )
jQuery.type( true ) === "boolean"
jQuery.type( 3 ) === "number"
jQuery.type( "test" ) === "string"
jQuery.type( function(){} ) === "function"
jQuery.type( [] ) === "array"
jQuery.type( new Date() ) === "date"
jQuery.type( new Error() ) === "error" // as of jQuery 1.9
jQuery.type( /test/ ) === "regexp"
其他一切都將返回它的類型“object”绑改。

通常情況下用typeof 判斷就可以了谢床,遇到預(yù)知Object類型的情況可以選用instanceof或constructor方法,實(shí)在沒(méi)轍就使用$.type()方法。

參考鏈接:http://www.takozhang.cn

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末厘线,一起剝皮案震驚了整個(gè)濱河市识腿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌皆的,老刑警劉巖覆履,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹋盆,死亡現(xiàn)場(chǎng)離奇詭異费薄,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)栖雾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門楞抡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人析藕,你說(shuō)我怎么就攤上這事召廷。” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵竞慢,是天一觀的道長(zhǎng)先紫。 經(jīng)常有香客問(wèn)我,道長(zhǎng)筹煮,這世上最難降的妖魔是什么遮精? 我笑而不...
    開(kāi)封第一講書人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮败潦,結(jié)果婚禮上本冲,老公的妹妹穿的比我還像新娘。我一直安慰自己劫扒,他們只是感情好檬洞,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著沟饥,像睡著了一般添怔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上闷板,一...
    開(kāi)封第一講書人閱讀 50,084評(píng)論 1 291
  • 那天澎灸,我揣著相機(jī)與錄音,去河邊找鬼遮晚。 笑死性昭,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的县遣。 我是一名探鬼主播糜颠,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼萧求!你這毒婦竟也來(lái)了其兴?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤夸政,失蹤者是張志新(化名)和其女友劉穎元旬,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體守问,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡匀归,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了耗帕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片穆端。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡取具,死狀恐怖倍权,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情卦方,我是刑警寧澤,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布荒勇,位于F島的核電站柒莉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏沽翔。R本人自食惡果不足惜常柄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望搀擂。 院中可真熱鬧西潘,春花似錦、人聲如沸哨颂。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)威恼。三九已至品姓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間箫措,已是汗流浹背腹备。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留斤蔓,地道東北人植酥。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像弦牡,于是被迫代替她去往敵國(guó)和親友驮。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容