JS中如何判断一个对象是否为数组?

JS中如何判断一个对象是否为数组?

为什么要判断一个对象是否为数组呢?

首先,我们应该都知道typeof操作符对于一些常用类型的判断是非常轻松简便的,但是当它遇到null类型和Array对象这两个时,都会被判断为object
例:

console.log(typeof null); // object

console.log(typeof [1,2,3]); // object

console.log(typeof '这是一段字符串'); // string

console.log(typeof 1); // number

console.log(typeof a); // undefined

console.log(typeof undefined); // undefined

console.log(typeof function(){
            return  1;
        });// function

从上面的例子我们可以看到,除了Array和null判断为object外,其他的都可以正常判断,因为typeof操作符检测Array的对象不起作用,所以这时我们就要用一些方法对一个对象进行判断,判断它是否为一个数组。

1. 验证原型对象(Array.prototype.isPrototypeOf(obj))

利用isPrototypeOf()方法,判定Array是不是在obj的原型链中,如果是,则返回true,否则false。

console.log(Array.prototype.isPrototypeOf([1,2,3]));//是数组,返回true
console.log(Array.prototype.isPrototypeOf({}));//是function类型,返回false

2.用构造函数来验证(obj instanceof Array)

typeof 和 instanceof 的区别在于一个返回的是数据的基本类型,一个返回的是布尔值。
当instanceof判断的是数组时返回true,否则返回false。
例:

console.log('一段字符串' instanceof Arry);//false
console.log([1,2,3] instanceof Arry);//true

上面的方法其实也可以用对象constructor属性,因为在js中每个对象都有constructor属性,这种也常用作判断未知对象的类型。

var obj1 = [1,2,3];
var obj2 = {};
console.log(obj1.constructor == Array); //true
console.log(obj2.constructor == Array); //false

3.根据对象的class属性(类属性),跨原型链调用toString()方法。(Object.prototype.toString )

因为在js中一个对象一旦被创建,在内部会携带创建对象的类型名,一旦创建就不能被修改了。而js中提供了,调用对象原型中的toString方法, Object.prototype.toString.call(obj);因为数组原型中继承的toString()方法被重写了,为了能够调用正确的toString()版本,也就是最原始的版本。可以使用Function.call()的方法,其中call可以这么理解,相当于obj去借用这个 Object.prototype.toString();
例:

console.log(Object.prototype.toString.call([1,2,3]) === "[object Array]");//true
console.log(Object.prototype.toString.call({}) === "[object Array]");//false

4.Array.isArray()方法。(ES5中的新增方法)

ECMAScript5将Array.isArray()正式引入JavaScript,目的就是准确地检测一个值是否为数组。
例:

console.log(Array.isArray([]));//true
console.log(Array.isArray({}));//false

以上就是比较方便的去判断一个对象是否为数组的四种方法。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值