面试官:说下判断数组的方法

283 阅读2分钟

在JS中,数组是是Object引用类型,所以说typeof运算符不可以用来判断数组

typeof运算符会把对象、数组或null返回object。却不能细分出是什么类型的数组...

typeof运算符只能判断原始数据类型哦

咳咳..废话少说,正文来啦!

  1. instanceof操作符

使用方法:arr instanceof Array

instanceof是用来判断某个实例是否属于某个对象的原型链上

let arr = [];
console.log(arr instanceof Array); // true

缺点 :使用 instanceof 的问题是假定只有一个全局执行上下文。如果网页里有多个框架,则可能涉及两 个不同的全局执行上下文,因此就会有两个不同版本的 Array 构造函数。如果要把数组从一个框架传 给另一个框架,则这个数组的构造函数将有别于在第二个框架内本地创建的数组。

嗯... 别急! 看咱们第二位选手 image.png

  1. Array.isArray方法

使用方法:Array.isArray(arr) 确定一个值是否为数组,而不用管它是在哪个全局执行上下文中创建的。(perfect!) 如果参数(这里指arr)是个对象并且 class 内部属性是 "Array", 则返回布尔值 true

let arr = [];
console.log(Array.isArray(arr)); // true

解决了耶!...刺激嘛 image.png

  1. Array.prototype.isPrototypeOf方法

使用方法:Array.prototype.isPrototypeOf(arr)

Array.prototype 属性表示 Array 构造函数的原型 isPrototypeOf() 用于测试一个对象是否存在于另一个对象的原型链上。

let arr = [];
console.log(Array.prototype.isPrototypeOf(arr)); // true

也不赖哦...

铛铛铛~拉开你和别人差距的方法来了!(温馨提示:可以拿来炫技,你懂吧)

image.png

  1. 对象构造函数的 constructor判断

使用方法:arr.constructor === Array

因为Object的每个实例都有构造函数 constructor,用于保存着用于创建当前对象的函数

let arr = [];
console.log(arr.constructor === Array); // true
  1. 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

头一次发表文章,如有不足多多指教! image.png

发掘金的初衷是希望可以帮到热爱学习的你们,也是为了复习时可以回头看看~
最后就祝读者们学好吃好玩好啥都好哈~~~

拜了个拜image.png