判断一个对象为数组类型
方案一: instanceof
解决思路:
使用类型判断所给的方法 instanceof 进行判断。
此方法返回一个布尔值,能够精确判断一个对象的类型。
方案二:原型prototype + toString + call
因为用了toString方法, 返回值是一个字符串,还需要第二层判断,看字符串中是否有‘Array’这个关键字:
这个字符串中有Array关键字的返回了数字8(就是Array这个字符在整个"[object Array]"中出现的下标数)。
如果变量对象不是一个纯数组,那么返回的数字就是-1。因为indexOf方法在字符串中找不到指定字符就会返回-1.
所以最后还需要通过比对数值是否等于-1就能判断是否是数组类型:
true就是了。
这里可能难以理解的是call方法,毕竟前边toString他们都各司其职。
做个试验:
用toString获取每个对象的类型:
字符串:
数字:
boolean
数组:
函数:
对象:
image首先我们打印出来对象原型上的toString方法返回什么:
这里涉及到Object.prototype.toString()的原理。由于我还学的不深入,就不做总结了,
具体可以看这篇总结的不错:【传送门】
大致意思有:
调用toString时会将this对象的[[class]]属性值拿到,而这个属性值就是该对象的真实类型。
[[class]]:一个内部属性,字符串值,表示对象的类型。只有toString这一个方法可以拿到。
而在es5中,toString获取[[class]]值时需要经过这几个比较特殊的步骤:
总结:
调用toString时会将this对象的[[class]]属性值拿到,而这个属性值就是该对象的真实类型。
又因为call能够显示的修改this指针的对象,所以用call将Object内部的this对象指向我们要检测的变量自身。
从而再通过toString拿到变量的[[class]]值。
方案三:原型prototype + isPrototypeOf()方法
isPrototypeOf() 函数 : 用于指示对象是否存在于一个对象的原型链中。如果存在返回true,反之返回false。****该方法属Object对象,由于所有的对象都继承了Object的对象实例,因此几乎所有的实例对象都可以使用该方法。
所以在上边代码公式中,如果variable的原型链中存在Array对象,就会返回true,也就说明variable是数组类型。
isPrototypeOf的字面意思也就是a是不是b的原型。
看上图就知道了,Array就是变量m的原型。所以用这个方法就能判断出来。
对比一个类型为“纯”Object的变量打印出来的信息:
就更加一目了然为什么用这个方法就可以判断出来了吧!
方案四:构造函数 constructor
这个一图胜千言:
对比变量a的打印信息,可以看出来,一个数组类型的实例,其原型proto.constructor右边是Array关键字。
所以我们可以用这个关键点拿到也给字符串:
然后用方案二的原理差不多的,我们查找字符串中Array关键字的位置是否等于-1。即能得出变量是否为数组类型得了。
方案五:数组方法 isArray()
思路:
js的一个方法,专门用来测试对象是否是Array类型