• 判断一个变量类型是数组还是对象


      因为无论是数组还是对象,对于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

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

      

  • 相关阅读:
    js获取或设置当前窗口url参数
    ping域名怎么用?通过ping域名我们能看见什么?
    css中的zoom
    transition(属性渐变)、animation(动画)
    做一个input搜索框
    float 与 position 剪不断理还乱的关系
    PHP判断FORM来的数据是否为整数
    合并两个数组的两种方式的异同
    了解thinkphp(五)
    了解ThinkPHP(四)
  • 原文地址:https://www.cnblogs.com/Walker-lyl/p/5597547.html
Copyright © 2020-2023  润新知