zoukankan      html  css  js  c++  java
  • 面试题-如何判断一个对象是不是数组类型

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

    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

  • 相关阅读:
    vue工作篇
    idea快捷键
    idea怎么随时随地调整字体大小
    idea配置maven
    idea启动加速
    idea配置tomcat
    idea设置哪个浏览器打开
    jsonArray和jsonObject的理解
    多文件上传保存到本地服务器
    并发编程
  • 原文地址:https://www.cnblogs.com/peerless1029/p/9950005.html
Copyright © 2011-2022 走看看