最近面试遇到面试官经常会问到的问题,我们如何去判断一个对象他是不是数组类型?在typeof {}和typeof []的结果都是object,对此,作为一个小彩笔的我只知道一个instanceof,回家之后在万能的度娘帮助下总结了以下几种:
1、从构造函数入手,obj instanceof Array
typeof 和 instanceof 都可以用来判断变量,typeof方法返回一个字符串,来表示数据的类型; 但是typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object,这就会造成一些误差。而instanceof
运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype
属性,返回一个布尔值。
2.从原型入手,Array.prototype.isPrototypeOf(obj);
利用isPrototypeOf()方法,判定Array是不是在obj的原型链中,如果是,则返回true,否则false。
3.Array.isArray()方法
其实js已经提供了判断是不是数组类型的方法,如下:
1
2
3
4
|
Array.isArray([1, 2, 3]); // true
Array.isArray({foo: 123}); // false
Array.isArray( 'foobar' ); // false
Array.isArray(undefined); // false
|
在MDN中就比较了isArray和instanceof的区别,当Array.isArray()不可用的使用,MDN做了如下的补丁,说明还是比较推荐使用前面讲的第三种方法 Object.prototype.toString.call(obj)。
4.根据对象的class属性(类属性),跨原型链调用toString()方法。
解释一下,在js中一个对象一旦被创建,在内部会携带创建对象的类型名,一旦创建就不能被修改了。那么怎么获取这个对象的类型名呢?
js中提供了,调用对象原型中的toString方法, Object.prototype.toString.call(obj);因为很多对象继承的toString()方法被重写了,为了能够调用正确的toString()版本,也就是最原始的版本。可以使用Function.call()的方法,其中call可以这么理解,相当于obj去借用这个 Object.prototype.toString();
1
2
3
|
Object.prototype.toString.call(
new
Date());
//"[object Date]"
Object.prototype.toString.call(Window);
//"[object window]"
Object.prototype.toString.call(/./);
//"[object RegExp]"
|
那么有了这个方法,获取对象名可以这样获取:
或者这么写:
function _getClass(o){ if(o===null) return "Null"; if(o===undfined) return "undefined"; return Object.prototype.toString.call(o).slice(8,-1); }
转载自:https://www.cnblogs.com/leaf930814/p/6659996.html