js 验证对象是否为数组

一、方法一:用到了原型

由于typeof检测数组,只会显示其为object,并不会详细到告诉我们是否为array,所以我们可以自己写个js用原型来检测:

<script>
    /**
     *
     * @param obj 传入需要验证的对象
     * @returns {boolean}
     */
    function isArray(obj) {
        return Object.prototype.toString.call(obj) == "[object Array]";
    }
</script>

下面来创建几个数组和非数组对象来验证一下这个方法:

/*数字索引的数组*/
    var arr =[1,2,3];
    console.log(typeof arr);//object
    console.log(isArray(arr));//true

    /*非数字索引的数组*/
    var newArr = [];
    newArr['a'] = "sss";
    newArr['b'] = 88;

    console.log(typeof newArr);//object
    console.log(isArray(newArr));//true

    /*非数组的对象*/
    var dateObj = new Date();

    console.log(typeof dateObj);//object
    console.log(isArray(dateObj));//false
 

二、方法二:用instanceof Array

依旧用上面定义的2个数组和1个时间对象来测试

  //用  instanceof Array 验证
    console.log(arr instanceof Array);//true
    console.log(newArr instanceof Array);//true
    console.log(dateObj instanceof Array);//false

三、通过Object.prototype.toString.call()判断

//用的是Object中的toString方法,数组中的toString方法用于字符串的拼接
var arr = [1,2];
//通过原型链查找调用
//结果为true 是数组
console.log(Object.prototype.toString.call(arr)=== '[object Array]');//true
console.log(arr.toString());//1,2

四 Array.isArray()方法

//ES6新增的方法,该方法用于判断一个对象是否为数组
var arr = [1,2];
console.log(Array.isArray(arr));//true 是数组

五 使用constructor属性判断

//Object中的每个实例都有构造函数constructor
var arr = [1,2];
console.log(arr.constructor === Array);//true

六 Object.getPrototypeOf()方式

//判断原型对象与数组的原型对象是否一致
var arr = [1,2];
console.log(Object.getPrototypeOf(arr) === Array.prototype);//true

七 通过原型链上的isPrototypeOf()判断

//isPrototypeOf()方法用于测试一个对象是否存在于另一个对象的原型链上
var arr = [1,2];
var str = {name:"Arvin",lastName:"Huang"};
//判断是否是数组
console.log(Array.prototype.isPrototypeOf(arr));//true
//判断是否是对象
console.log(Object.prototype.isPrototypeOf(str));//true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值