JS判断数组的六种方法详解

39次阅读

共计 1710 个字符,预计需要花费 5 分钟才能阅读完成。

在 JS 中,数组是属于 Object 类型的,也就是属于引用类型(引用类型存放在堆内存中,在栈内存会有一个或者多个地址来指向这个堆内存)。
所以对于引用类型,我们不能 typeof 来判断具体的类型,因为返回的都是‘object’。
接下来,我将介绍六种判断方法,并且对这六种方法进行逐一解析
① instanceof 操作符判断
用法:arr instanceof Arrayinstanceof 主要是用来判断某个实例是否属于某个对象
function obj(){}
let o1 = new obj();
console.log(o1 instanceof obj); // true
那么我们用 instanceof 来判断数组的方法如下:
let arr = [];
console.log(arr instanceof Array); // true
但是 instanceof 会有一个问题,它的问题在于假定只有一个全局执行的环境。如果网页中包含多个框架,那实际上就存在两个以上不同的全局执行环境,从而存在两个以上不同版本的 Array 构造函数。如果你从一个框架向另一个框架传入一个数组,那么传入的数组与在第二个框架中原生创建的数组分别具有不同的构造函数。
②对象构造函数的 constructor 判断
用法:arr.constructor === ArrayObject 的每个实例都有构造函数 constructor,用于保存着用于创建当前对象的函数
function obj(){}
let o1 = new obj();
console.log(o1.constructor === obj); // true
如上所示,obj 的实例 o1 的 constructor 跟 obj 对象是相等的那么我们就可以用此来判断数组了
let arr = [];
console.log(arr.constructor === Array); // true
③Array 原型链上的 isPrototypeOf
用法:Array.prototype.isPrototypeOf(arr)Array.prototype  属性表示 Array 构造函数的原型其中有一个方法是 isPrototypeOf() 用于测试一个对象是否存在于另一个对象的原型链上。
let arr = [];
console.log(Array.prototype.isPrototypeOf(arr)); // true
④Object.getPrototypeOf
用法:Object.getPrototypeOf(arr) === Array.prototypeObject.getPrototypeOf() 方法返回指定对象的原型
所以只要跟 Array 的原型比较即可
let arr = [];
console.log(Object.getPrototypeOf(arr) === Array.prototype); // true
⑤Object.prototype.toString
用法:Object.prototype.toString.call(arr) === ‘[object Array]’
虽然 Array 也继承自 Object,但 js 在 Array.prototype 上重写了 toString,而我们通过 toString.call(arr) 实际上是通过原型链调用了。
let arr = [];
console.log(Object.prototype.toString.call(arr) === ‘[object Array]’); // true
⑥Array.isArray
用法:Array.isArray(arr)ES5 中新增了 Array.isArray 方法,IE8 及以下不支持
Array.isArray (arg)isArray 函数需要一个参数 arg,如果参数是个对象并且 class 内部属性是 “Array”, 返回布尔值 true;否则它返回 false。采用如下步骤:如果 Type(arg) 不是 Object, 返回 false。如果 arg 的 [[Class]] 内部属性值是 “Array”, 则返回 true。返回 false.
let arr = [];
console.log(Array.isArray(arr)); // true

正文完
 0