面试取经: 判断数组的方法有哪些?

99 阅读1分钟

1.Object.prototype.toString.call()

每一个继承Object的对象都有toString方法,如果toString方法没有重写的话,会返回[object type],其中type为对象的类型,当除了Object类型的对象外,其他类型直接使用toString()方法时(覆盖原型的toString),会直接返回都是内容的字符串,所以我们需要使用callapply方法来改变toString方法的执行上下文(this)。

const an = ['hello','An'];
an.toString();//'hello,An';
Object.prototype.toString.call(an);//'[object Array]';

这种方法对于所有基本的数据类型都能进行判断,即使是null和undefined

Object.prototype.toString.call('An')//'[object String]'
Object.prototype.toString.call(1)//'[object Number]'
Object.prototype.toString.call(Symbol(1))//'[object Symbol]'
Object.prototype.toString.call(null)//'[object Null]'
Object.prototype.toString.call(undefined)//'[object undefined]'
Object.prototype.toString.call(function(){})//'[object Function]'
Object.prototype.toString.call({name:'An'})//'[object Object]'

Object.prototype.toString.call()常用于判断浏览器内置对象,兼容性非常强

2.instanceof

instanceof内部机制是通过判断当前对象的原型链中是不是能找到类型的prototype,使用instanceof判断一个对象是否为数组,instanceof会判断这个对象的原型链上是否会找到对应的Array的原型,找到返回true,否则返回false

[] instanceof Array;//true;

但instanceof只能用来判断对象类型,原始类型不可以,并且所有对象类型instanceof Object都是true,意思是所有的对象都继承自Object

[] instanceof Object;//true

3.Array.isArray()

用来判断对象是否为数组,Array.isArray()与Object.prototype.toString .call(),Array.isArray()是ES5新增的方法,当不存在Array.isArray(),可用Object.prototype.toString.call()实现,但Array.isArray()此方法最好用。

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