判斷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眼虱、最常見的判斷方法: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í)在沒轍就使用$.type()方法亏娜。

參考鏈接:http://blog.sina.com.cn/s/blog_51048da70101grz6.html

最后編輯于
?著作權(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ō)我怎么就攤上這事靶剑。” “怎么了译仗?”我有些...
    開封第一講書人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵抬虽,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我纵菌,道長(zhǎng)阐污,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任咱圆,我火速辦了婚禮笛辟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘序苏。我一直安慰自己手幢,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開白布忱详。 她就那樣靜靜地躺著围来,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上监透,一...
    開封第一講書人閱讀 50,084評(píng)論 1 291
  • 那天桶错,我揣著相機(jī)與錄音,去河邊找鬼胀蛮。 笑死院刁,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的粪狼。 我是一名探鬼主播退腥,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼再榄!你這毒婦竟也來(lái)了狡刘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤不跟,失蹤者是張志新(化名)和其女友劉穎颓帝,沒想到半個(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
  • 文/蒙蒙 一楞捂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧趋厉,春花似錦寨闹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春椭蹄,著一層夾襖步出監(jiān)牢的瞬間矮瘟,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工塑娇, 沒想到剛下飛機(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)容