怎么判断一个对象是不是数组类型

怎么判断一个对象是不是数组类型

alert(typeof 1); // 返回字符串"number"
alert(typeof "1"); // 返回字符串"string"
alert(typeof true); // 返回字符串"boolean"
alert(typeof undefined); // 返回字符串"undefined" 
alert(typeof function(){}); // 返回字符串"function"

alert(typeof {}); // 返回字符串"object"
alert(typeof []); // 返回字符串"object "
alert(typeof null); // 返回字符串"object"

其中,typeof {}和typeof []的结果都是object,那么问题来了,我怎么通过typeof去判断一个对象是不是数组类型呢?

对象是对象,数组也是对象,js中万物皆对象,很显然,通过简单的typeof运算符是不能够达到目的,我们得换个方法。

可以尝试以下几种方法:

1、从原型入手,Array.prototype.isPrototypeOf(obj);

利用isPrototypeOf()方法,判定Array是不是在obj的原型链中,如果是,则返回true,否则false。

Array.prototype.isPrototypeOf([]);//true
Array.prototype.isPrototypeOf({});//false

2、也可以从构造函数入手,obj instanceof Array

先说说 typeof 和 instanceof 的区别?

两者都可以用来判断变量,typeof会返回基本类型,如文章开头,我们很简单可以用

typeof a != 'undefined' 判断a变量存在。而instanceof只会返回一个布尔值,那么我们试试,结果如下:

"a" instanceof Array; //false
[] instanceof Array ; //true

上面的方法其实也可以用对象constructor属性,因为在js中每个对象都有constructor属性,这种也常用作判断未知对象的类型。

例如:typeof arr == "object" && arr.constructor == Array; //先判断是对象再进一步判断。

那样是不是这个方法就ok了?别开心那么早,坑总是会有的。

在一些跨框架的页面中的数组,使用该方法可能不会那么顺利,原因是在不同的框架中创建的数组不会相互共享其prototype属性。

3、Array.isArray()方法。

Array.isArray([])//true
Array.isArray("123")//false

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第三章 基本概念 3.1 语法 ECMAScript标识符一般采用驼峰大小写格式,也就是第一个字母小写,剩下的每个...
    小雄子阅读 3,677评论 0 1
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,647评论 0 21
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 5,617评论 0 6
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,466评论 0 4
  • ECMAScript关键字 delete do else finally function in instance...
    doudou2阅读 3,982评论 0 0