JS數(shù)據(jù)結構和類型檢測

編程語言都具有內建的數(shù)據(jù)結構胡岔,JavaScript 也不例外摄乒。JavaScript 是一種弱類型或者說動態(tài)語言漓穿。它不用提前聲明變量的類型嗤军,在程序運行過程中,類型會被自動確定晃危。這點事非常關鍵的叙赚,可以說JS 靈活,沒有這么多限制,但是震叮,這常常是BUG出現(xiàn)的原因所在沿量。
因此,JS 變量的數(shù)據(jù)類型檢測就是十分重要的冤荆。
在最新的 ECMAScript 標準中定義了 7 種數(shù)據(jù)類型:

  • 6 種基本數(shù)據(jù)類型:Boolean朴则、 Null、 Undefined钓简、 Number乌妒、 String、 Symbol(ECMAScript 6 新定義)
  • 1 種復雜數(shù)據(jù)類型:Object

先來看 6 種基本數(shù)據(jù)類型:

  • Undefined
    Undefined 類型只有一個值外邓,就是特殊的 Undefined撤蚊。一個沒有被賦值的變量會有個默認值 undefined。
var message;
typeof message; // "undefined"
  • Null
    Null 類型是第一個只有只一個值得數(shù)據(jù)類型损话,這是特殊值就是null侦啸。null值表示一個空對象指針。
var message = null;
typeof message; // "object"
  • Boolean
    Boolean 表示一個邏輯實體丧枪,可以有兩個值:true 和 false光涂。
var found = true;
var lost = false;
typeof found; // "boolean"
typeof lost; // "boolean"
  • Number
    根據(jù) ECMAScript 標準,JavaScript 中只有一種數(shù)字類型:基于 IEEE 754 標準的雙精度 64 位二進制格式的值(-(263 -1) 到 263 -1)拧烦。它并沒有為整數(shù)給出一種特定的類型忘闻。除了能夠表示浮點數(shù)外,還有一些帶符號的值:+Infinity恋博,-Infinity 和 NaN (非數(shù)值齐佳,Not-a-Number)。
var num1 = 5;
var num2 = NaN;
var num3 = +Infinity;
typeof num1; // "number"
typeof num2; // "number"
typeof num3; // "number"
  • String
    String 類型用于表示由零或多個 16 位 Unicode 字符組成的字符序列债沮,即字符串炼吴。
var name = "jack"
typeof name; // "string"
  • Symbol
    符號(Symbols)是ECMAScript 第6版新定義的。符號類型是唯一的并且是不可修改的, 并且也可以用來作為Object的key的值疫衩。
var sym = Symbol("foo");
typeof sym; // "symbol"

復雜數(shù)據(jù)類型:
ECMAScript 中的對象就是一組數(shù)據(jù)和功能的集合硅蹦。

var arr = [1, 2, 3];
var o = new Object();
var reg = /\d/g;
var a = {};
typeof arr; // "object"
typeof o; // "object"
typeof reg; // "object"
typeof a; // "object"

因此,可以看出隧土,我們在判斷基本數(shù)據(jù)類型時提针,可以用 typeof 檢測出來的,但是對于復雜的數(shù)據(jù)類型 typeof 就有其局限性了曹傀,它對于復雜數(shù)據(jù)類型總是返回 “object”辐脖。
在對復雜數(shù)據(jù)類型的檢測中,我們就應該用其他方法來判斷皆愉,這就是 instanceof/constructor嗜价。
使用 instanceof/constructor 可以檢測數(shù)組和正則表達式艇抠。

var arr = [1, 2, 3];
var reg = /\d/g;
arr instanceof Array; // true;
reg instanceof RegExp; // true;
arr.constructor == Array; // true;
reg.constructor == RegExp; // true;

嚴謹?shù)呐袛喾椒ǎ?/p>

function isArray(object){
return object && typeof object==='object' &&
Array == object.constructor;
}

但是,instanceof/constructor 也有其局限性:
被判斷的 Array 必須在當前頁面聲明久锥!
而在父頁面框架中引用子頁面家淤,然后在子頁面中聲明一個 array,并賦值給父頁面變量瑟由,這時檢測返回值就是false絮重。
因此,還需要更好的方法來進行檢測歹苦,查閱書籍和網上資料青伤,還用兩種方法:

function isArray(object){
return object && typeof object==='object' &&
typeof object.length==='number' &&
typeof object.splice==='function' &&
//判斷l(xiāng)ength屬性是否是可枚舉的 對于數(shù)組 將得false 
!(object.propertyIsEnumerable('length'));
}
function isArray(o) {
return Object.prototype.toString.call(o) === '[object Array]';
}

參考資料
《JavaScript 高級程序設計》(第三版)
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Data_structures

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市殴瘦,隨后出現(xiàn)的幾起案子狠角,更是在濱河造成了極大的恐慌,老刑警劉巖蚪腋,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件丰歌,死亡現(xiàn)場離奇詭異,居然都是意外死亡屉凯,警方通過查閱死者的電腦和手機立帖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來神得,“玉大人厘惦,你說我怎么就攤上這事×ú荆” “怎么了碟案?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵妒穴,是天一觀的道長。 經常有香客問我膨疏,道長别智,這世上最難降的妖魔是什么宗苍? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮薄榛,結果婚禮上讳窟,老公的妹妹穿的比我還像新娘。我一直安慰自己敞恋,他們只是感情好丽啡,可當我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著硬猫,像睡著了一般补箍。 火紅的嫁衣襯著肌膚如雪改执。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天坑雅,我揣著相機與錄音辈挂,去河邊找鬼。 笑死裹粤,一個胖子當著我的面吹牛终蒂,可吹牛的內容都是我干的。 我是一名探鬼主播遥诉,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼拇泣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了突那?” 一聲冷哼從身側響起挫酿,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎愕难,沒想到半個月后早龟,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡猫缭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年葱弟,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片猜丹。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡芝加,死狀恐怖,靈堂內的尸體忽然破棺而出射窒,到底是詐尸還是另有隱情藏杖,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布脉顿,位于F島的核電站蝌麸,受9級特大地震影響,放射性物質發(fā)生泄漏艾疟。R本人自食惡果不足惜来吩,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蔽莱。 院中可真熱鬧弟疆,春花似錦、人聲如沸盗冷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽正塌。三九已至嘀略,卻和暖如春恤溶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背帜羊。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工咒程, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人讼育。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓帐姻,卻偏偏與公主長得像,于是被迫代替她去往敵國和親奶段。 傳聞我的和親對象是個殘疾皇子饥瓷,可洞房花燭夜當晚...
    茶點故事閱讀 43,527評論 2 349

推薦閱讀更多精彩內容

  • 第1章 JavaScript 簡介 JavaScript 具備與瀏覽器窗口及其內容等幾乎所有方面交互的能力。 歐洲...
    力氣強閱讀 1,118評論 0 0
  • 第一章: JS簡介 從當初簡單的語言痹籍,變成了現(xiàn)在能夠處理復雜計算和交互呢铆,擁有閉包、匿名函數(shù)蹲缠, 甚至元編程等...
    LaBaby_閱讀 1,654評論 0 6
  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,216評論 0 4
  • 有人說過棺克,很多彎路到最后都成了直路,所有的坑到最后也都成了坦途线定;所謂的直路和坦途并不是擺在眼前的娜谊,都是不斷的的...
    老衲法號一眉道人閱讀 1,321評論 0 4
  • 論江湖 江湖俗眾不俗理, 俠之大者愛恨足斤讥。 為國為民披肝膽纱皆, 微軀可比大丈夫。
    花椒粒兒范范閱讀 508評論 2 7