判断一个变量是否是数组类型,虽然用到的地方不是太多,但权当收藏学习,刷一下面试题。网上收集了目前有6种方式
var ary = [];
// 1.基于instanceof运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性
ary instanceof Array;
// 2.基于constructor返回创建实例对象的 Object 构造函数的引用
ary.constructor === Array;
// 3.基于Object.prototype.isPrototypeOf方法用于测试一个对象是否存在于另一个对象的原型链上
Array.prototype.isPrototypeOf(ary);
// 4.基于getPrototypeOf方法返回指定对象的原型
Object.getPrototypeOf(ary) === Array.prototype;
// 5.基于Object.prototype.toString
Object.prototype.toString.apply(ary) === '[object Array]';
// 6.基于ES5提供的isArray方法IE9+
Array.isArray(ary);
以上,除了Object.prototype.toString及Array.isArray外,其它方法都不能正确判断变量的类型。
var ary = { __proto__: Array.prototype };
// 分别在控制台试运行以下代码
// 1.基于instanceof
ary instanceof Array; // => true
// 2.基于constructor
ary.constructor === Array; // => true
// 3.基于Object.prototype.isPrototypeOf
Array.prototype.isPrototypeOf(ary); // => true
// 4.基于getPrototypeOf
Object.getPrototypeOf(ary) === Array.prototype; // => true
上面ary对象的__proto__属性设为Array.prototype,便导致了该对象继承了Array对象。
鲜为人知的事实:其实Array.prototype也是一个数组
还有就是Array是堆数据,变量指向的只是它的引用地址,因此每个页面的Array对象引用的地址都是不一样的。iframe中声明的数组,它的构造函数是iframe中的Array对象。如果在iframe声明了一个数组x,将其赋值给父页面的变量y,那么在父页面使用y instanceof Array ,结果一定是false的。
Array.isArray的polyfill
if (!Array.isArray) {
Array.isArray = function(arg) {
return Object.prototype.toString.call(arg) === '[object Array]';
};
}