javascript判断一个变量是否是数组类型

2019-04-141386次阅读javascript

判断一个变量是否是数组类型,虽然用到的地方不是太多,但权当收藏学习,刷一下面试题。网上收集了目前有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]';

  };

}

 

上一篇: overscroll-behavior: contain阻止滚动链接,滚动不会传播给祖先  下一篇: 移动端web开发小结  

javascript判断一个变量是否是数组类型相关文章