怎么判断arr是不是数组

首先先总计一下检测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()方法:
所以周全的封装的代码如下:

扫描二维码关注公众号,回复: 11256314 查看本文章
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   

猜你喜欢

转载自blog.csdn.net/hfdxmz_3/article/details/106272600