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

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

  • 相关阅读:
    批处理操作
    注册表操作
    js 表格操作(兼容模式
    asp解码.net传参
    windows+nginx 查看并发链接数
    windows+nginx负载测试
    开发cocos2dx真机插件遇到问题,以及心得
    react路由
    Redux实现原理解析及应用
    test
  • 原文地址:https://www.cnblogs.com/kyshu/p/9504330.html
Copyright © 2011-2022 走看看