JS数据结构和类型检测

编程语言都具有内建的数据结构,JavaScript 也不例外。JavaScript 是一种弱类型或者说动态语言。它不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这点事非常关键的,可以说JS 灵活,没有这么多限制,但是,这常常是BUG出现的原因所在。
因此,JS 变量的数据类型检测就是十分重要的。
在最新的 ECMAScript 标准中定义了 7 种数据类型:

  • 6 种基本数据类型:Boolean、 Null、 Undefined、 Number、 String、 Symbol(ECMAScript 6 新定义)
  • 1 种复杂数据类型:Object

先来看 6 种基本数据类型:

  • Undefined
    Undefined 类型只有一个值,就是特殊的 Undefined。一个没有被赋值的变量会有个默认值 undefined。
var message;
typeof message; // "undefined"
  • Null
    Null 类型是第一个只有只一个值得数据类型,这是特殊值就是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
    根据 ECMAScript 标准,JavaScript 中只有一种数字类型:基于 IEEE 754 标准的双精度 64 位二进制格式的值(-(263 -1) 到 263 -1)。它并没有为整数给出一种特定的类型。除了能够表示浮点数外,还有一些带符号的值:+Infinity,-Infinity 和 NaN (非数值,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"

复杂数据类型:
ECMAScript 中的对象就是一组数据和功能的集合。

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"

因此,可以看出,我们在判断基本数据类型时,可以用 typeof 检测出来的,但是对于复杂的数据类型 typeof 就有其局限性了,它对于复杂数据类型总是返回 “object”。
在对复杂数据类型的检测中,我们就应该用其他方法来判断,这就是 instanceof/constructor
使用 instanceof/constructor 可以检测数组和正则表达式。

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;

严谨的判断方法:

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' &&
//判断length属性是否是可枚举的 对于数组 将得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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,588评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,456评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,146评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,387评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,481评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,510评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,522评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,296评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,745评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,039评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,202评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,901评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,538评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,165评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,415评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,081评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,085评论 2 352

推荐阅读更多精彩内容

  • 第1章 JavaScript 简介 JavaScript 具备与浏览器窗口及其内容等几乎所有方面交互的能力。 欧洲...
    力气强阅读 1,124评论 0 0
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,660评论 0 6
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,226评论 0 4
  • 有人说过,很多弯路到最后都成了直路,所有的坑到最后也都成了坦途;所谓的直路和坦途并不是摆在眼前的,都是不断的的...
    老衲法号一眉道人阅读 1,324评论 0 4
  • 论江湖 江湖俗众不俗理, 侠之大者爱恨足。 为国为民披肝胆, 微躯可比大丈夫。
    花椒粒儿范范阅读 511评论 2 7