zoukankan      html  css  js  c++  java
  • 判断一个变量类型是对象还是数组

      因为无论是数组还是对象,对于typeof的操作返回值都为object,所以就有了区分数组类型和对象类型的需要:

    方一:通过length属性:一般情况下对象没有length属性值,其值为undefiend,而数组的length值为number类型

      缺点:非常不实用,当对象的属性存在length,且其值为number(比如类数组),则该方法失效,不建议使用,看看即可。

    *方二:通过instanceof来判断区分

      

    复制代码
            var arr = [1, 2, 3];
            var obj = {
                name: 'lyl',
                age: 18,
                1: 'name'
            }
            console.log(arr instanceof Array); //true
            console.log(obj instanceof Array); //false
    复制代码

    *方三:通过constructor

      

    复制代码
         var arr = [1, 2, 3];
            var obj = {
                name: 'lyl',
                age: 18,
                1: 'name'
            }
            console.log(arr.constructor === Array); //true
            console.log(obj.constructor === Array); //false
    复制代码

    *方四:通过toString()方法,数组原型和对象原型定义的toString()方法不同

      原理参考:http://www.cnblogs.com/ziyunfei/archive/2012/11/05/2754156.html

      

    复制代码
         var arr = [1, 2, 3];
            var obj = {
                name: 'lyl',
                age: 18,
                1: 'name'
            }
            console.log(Object.prototype.toString.call(arr) === '[object Array]'); //true
            console.log(Object.prototype.toString.call(boj) === '[object Array]'); //false
    复制代码

    方五:随便找一个数组仅有的方法,来判断数组和对象谁有该方法即可(样例以sort来举例)

      

    复制代码
         var arr = [1, 2, 3];
            var obj = {
                name: 'lyl',
                age: 18,
                1: 'name'
            }
       console.log(arr.sort === Array.prototype.sort); //true console.log(obj.sort === Array.prototype.sort); //false
    复制代码

      

       总结:方法应用权重:

        优先使用方四toString,因为该方法几乎无缺陷。

        次之可以使用方二instanceof和方三constructor

        剩下的方法玩玩即可,不实用

  • 相关阅读:
    003.Heartbeat MySQL双主复制
    001.常见监控简介
    微服务探索与实践—服务注册与发现
    设计模式之建造者模式
    .NET Core 3.0之深入源码理解Startup的注册及运行
    【译】.NET Core 3.0 Preview 3中关于ASP.NET Core的更新内容
    C#并发编程之异步编程(三)
    设计模式之中介者模式
    设计模式之单例模式
    设计模式之装饰器模式
  • 原文地址:https://www.cnblogs.com/kyshu/p/9504330.html
Copyright © 2011-2022 走看看