检测数组的4种方法

检测数据类型的方法请看本人的另一篇博客

https://blog.csdn.net/xuehangongzi/article/details/82907915
下面主要介绍检测数组的(其中有三个方法和检测数据类型相同)
1、instanceof
instanceof 方法主要是检测变量的原型链是否指向Array构造函数的prototype原型上。

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

补充:但是instanceof不一定能保证检测的结果一定正确,因为只要是在原型链上的都会返回true ,arr instanceof Object 也返回true
2、constructor

    var arr = [];
    arr.constructor === Array  ruturn true 
但是constructor可以被重写,所以不能确保一定是数组
    var str = 'abc';
    str.constructor = Array;
    str.constructor === Array // return true
而很明显str不是数组

3、Array.isArray()
ES5 在Array上新增了检测数组的方法,因为是新的方法,浏览器有一定的兼容问题

4、Object.prototype.toString.call()
终极方法,可以确保方法能检测一定是数组

    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

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值