东莞市盛裕绒艺玩具有限公司

东莞市盛裕绒艺玩具有限公司

优优最新网址

15335629669
联系方式
全国服务热线: 15335629669

咨询热线:15125888363
联系人:赵宗泥
地址:济南市闵子骞路19号

面试题-如何判断一个对象是不是数组类型

来源:优优最新网址   发布时间:2019-06-24   点击量:208

在前端面试中,我们经常会被问道,如何判断一个对象是不是数组类型,下面就这一点展开详细的描述,并总结一下共有几种方法。

1.我们首先回顾一下typeof操作符的用法

操作符可以用来检测给定变量的数据类型,返回的值有以下几种:undefined,boolean,string,number,object,function

2.使用typeof来判断

我们惊喜的发现:除了方法会返回function值之外,[]和{}都是返回的object值,所以无法通过typeof来区分对象还是数组,这种方法不可用。

3.根据构造函数来判断

instanceof操作符可以来表示实例是否属于某个构造函数创建的。

从上图来看,obj1是构造函数Array的实例没问题,obj4也是构造函数的实例类型,显然obj4应该是对象数据类型,为什么会产生这种情况,obj4.__proto__=obj1,obj4改变了它的原型指向,草图如下:

 

 

因为改变了obj4的原型指向导致使用instanceof字符判断出obj4也为数组类型了,所以此方法也不可取。

3.使用原型对象判断

发现结果和使用instanceof字符一样,所以还是无法区[]是数组类型

4.根据对象的class属性来判断

class:每个对象的内部属性,记录创建对象时使用的类型名,一旦创建,无法修改。

问题:数组类型等内置类型,重写了toString方法,直接调用数组对象的方法,不在返回class

解决:使用call替换this为指定对象调用Object原型上的toString方法即可。

5.Array.isArray直接判断

Array.isArray() 用于确定传递的值是否是一个 Array。如果对象是 Array,则为true; 否则为false.

综上所述,判断一个对象是不是数组类型最可靠的方法是这两种: Object. prototype. toString. call(obj)===[ object Array]和Array. isArray(obj)。


参考资料:

《JavaScript高级程序设计》  MDN

 

相关产品

COPYRIGHTS©2017 优优最新网址 ALL RIGHTS RESERVED 备案号:208