最近面试遇到面试官经常会问到的问题,我们如何去判断一个对象他是不是数组类型?在typeof {}和typeof []的结果都是object,对此,作为一个小彩笔的我只知道一个instanceof,回家之后在万能的度娘帮助下总结了以下几种:
typeof 和 instanceof 都可以用来判断变量,typeof方法返回一个字符串,来表示数据的类型; 但是typeof来判断数据类型其实并不准确。比如数组、正则、日期、对象的typeof返回值都是object,这就会造成一些误差。而instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性,返回一个布尔值。
利用isPrototypeOf()方法,判定Array是不是在obj的原型链中,如果是,则返回true,否则false。
其实js已经提供了判断是不是数组类型的方法,如下:
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)。
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]"
那么有了这个方法,获取对象名可以这样获取:
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);
}
本文地址:https://www.zhuimengzhu.com/details/435.html
转载地址:暂无
转载说明:转载时请在文首注明来源zhuimengzhu.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。zhuimengzhu 保留追究相应责任的权利。