js判断一个对象是不是数组类型
文章 1203 0 0 0
发布时间:2019年12月06日

概述

最近面试遇到面试官经常会问到的问题,我们如何去判断一个对象他是不是数组类型?在typeof {}和typeof []的结果都是object,对此,作为一个小彩笔的我只知道一个instanceof,回家之后在万能的度娘帮助下总结了以下几种:

1、从构造函数入手,obj instanceof Array

typeof 和 instanceof 都可以用来判断变量,typeof方法返回一个字符串,来表示数据的类型; 但是typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object,这就会造成一些误差。而instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性,返回一个布尔值。

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

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

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

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

3.Array.isArray()方法

其实js已经提供了判断是不是数组类型的方法,如下:

Array.isArray([1, 2, 3]);  // true
Array.isArray({foo: 123}); // false
Array.isArray('foobar');   // false
Array.isArray(undefined);  // false

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

在MDN中就比较了isArray和instanceof的区别,当Array.isArray()不可用的使用,MDN做了如下的补丁,说明还是比较推荐使用前面讲的第三种方法 Object.prototype.toString.call(obj)。

4.根据对象的class属性(类属性),跨原型链调用toString()方法

if(!Array.isArray){
    Array.isArray = function(arg) {
        return Object.prototype.toString.call(arg)==='[object Array]'
    }
}

解释一下,在js中一个对象一旦被创建,在内部会携带创建对象的类型名,一旦创建就不能被修改了。那么怎么获取这个对象的类型名呢?

js中提供了,调用对象原型中的toString方法, Object.prototype.toString.call(obj);因为很多对象继承的toString()方法被重写了,为了能够调用正确的toString()版本,也就是最原始的版本。可以使用Function.call()的方法,其中call可以这么理解,相当于obj去借用这个 Object.prototype.toString();

Object.prototype.toString.call(new Date());   //"[object Date]"
Object.prototype.toString.call(Window);       //"[object window]"
Object.prototype.toString.call(/./);          //"[object RegExp]"

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

那么有了这个方法,获取对象名可以这样获取:

function getClass(object){
    return Object.prototype.toString.call(object).match(/^[object\s(.*)]&/)[1]
}
getClass([])

或者这么写:

function _getClass(o){
    if(o===null) return "Null";
    if(o===undfined) return "undefined";
    return Object.prototype.toString.call(o).slice(8,-1);
}
评论专区