zoukankan      html  css  js  c++  java
  • JS 检测变量是否是一个数组的几种方法【转】

    首先先总计一下检测js类型的常用的方法如:typeof
    这个方法只能检测js基本类型如:undefined/null/number/boolean/object,而要检测Array类型则需要以下几种方法:

    1、instanceof
    instanceof 方法主要是检测 变量的constructor 是否与 Array相等,也就是检测的变量的原型链是否指向Array构造函数的prototype原型上。
    example:

      var arr = [4,67,23];
      arr instanceof Array  //return true
    

    补充:但是instanceof不一定能保证检测的结果一定正确,例如index页面传入一个arr变量给iframe去处理,则即使arr instanceof Array还是返回false,因为两个引用的Array类型不是同一个。并且constructor可以重写所以不能确保万无一失。
     
    2、constructor 同上
    example:

        var arr = [];
        arr.constructor === Array  ruturn true 
    

    因为constructor可以被重写,所以不能确保一定是数组
    example:

        var str = 'abc';
        str.constructor = Array;
        str.constructor === Array // return true
    

    而很明显str不是数组
     
    3、Array.isArray()
    ES5 在Array上新增了检测数组的方法,因为是新的方法,浏览器有一定的兼容问题
     
    终极方法,可以确保方法能检测一定是数组
    4、Object.prototype.toString.call()
    example:

        var arr = [34,65,1];
        Object.prototype.toString.call(arr) === '[object Array]' //return true
    

    总结:
    由于Array.isArray()是封装在浏览器中,运行效率比较高,所以当真正需要检测一个变量类型时,先会检测浏览器是否支持Array.isArray(), 之后在用Obejct.prototype.toString()方法:
    所以周全的封装的代码如下:

    var arr = [1,3]; 
    function isArray(value){  
        if (typeof Array.isArray === "function") {  
            return Array.isArray(value);      
        }else{  
            return Object.prototype.toString.call(value) === "[object Array]";      
        }  
    }  
    alert(isArrayFn(arr));// true   
    

    ————————————————
    原文链接:https://blog.csdn.net/oliverpeng1521314/article/details/70980129

  • 相关阅读:
    Java中使用Lua脚本语言(转)
    lua、groovy嵌入到java中的性能对比(转)
    有人实践过 Phabricator 以及 Arcanist 作为 code review 的工具么?(转)
    Lua Development Tools (LDT)
    海量数据处理面试题集锦
    三层架构之抽象工厂加反射----实现数据库转换
    八卦一下
    java实现各种数据统计图(柱形图,饼图,折线图)
    activity-alias的使用
    C#反射Assembly 具体说明
  • 原文地址:https://www.cnblogs.com/KillBugMe/p/13255777.html
Copyright © 2011-2022 走看看