JS中判断对象是不是数组的

(个人摘抄笔记)
1.typeof操作符
对于一些常用的类型进行判断,比如Function、String、Number、Undefined等,但是对Array的对象就不起作用。
2.instanceof操作符
instanceof和JavaScript中面向对象有关系,可以先了解一下JavaScript中的面向对象。instanceof是检测对象的原型链是否指向构造函数的prototype对象的。
例如:

var arr = [5, 6, 7, 8];
alert(arr instanceof Array); //结果是 true 

3.对象的constructor属性
每个对象还有constructor的属性,也能进行Array的判断。
例如:

var arr = [5, 6, 7, 8];
alert(arr.constructor === Array); //结果 true 

检测数组类型方法
以上方法会有些问题,提供一些比较好的方法。
1.Object.prototype.toString
Object.prototype.toString:首先,取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于"[object Array]"的字符串作为结果(看过ECMA标准的应该都知道,[[]]用来表示语言内部用到的、外部不可直接访问的属性,称为“内部属性”)。利用这 个方法,再配合call,我们可以取得任何对象的内部属性[[Class]],然后把类型检测转化为字符串比较,以达到我们的目的。

function isArrayFun (arr) {
return Object.prototype.toString.call(arr) === '[object Array]';
}
var arr = [5, 6, 7, 8];
alert(isArrayFun (arr));// 结果true 

call改变toString的this引用为待检测的对象,返回此对象的字符串表示,然后对比此字符串是否是’[object Array]’,以判断其是否是Array的实例。为什么不直接o.toString()?嗯,虽然Array继承自Object,也会有 toString方法,但是这个方法有可能会被改写而达不到我们的要求,而Object.prototype则是老虎的屁股,很少有人敢去碰它的,所以能一定程度保证其“纯洁性”:)

JavaScript 标准文档中定义: [[Class]] 的值只可能是下面字符串中的一个: Arguments, Array, Boolean, Date, Error, Function, JSON, Math, Number, Object, RegExp, String.
这种方法在识别内置对象时往往十分有用,但对于自定义对象请不要使用这种方法。
2.Array.isArray()
ECMAScript5将Array.isArray()正式引入JavaScript,目的就是准确地检测一个值是否为数组。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都实现了这个方法。但是在IE8之前的版本是不支持的。
3.最终方法
综上所述,判断数组的最佳写法:

var arr = [5, 6, 7, 8];
var arr2 = [{ kk: "bb", k: "vv" },{aa:"ff"}];
function isArrayFn(value){
    if (typeof Array.isArray === "function") {
   		 return Array.isArray(value);
    }else{
    	return Object.prototype.toString.call(value) === "[object Array]";
    }
}
alert(isArrayFn(arr));//结果 true
alert(isArrayFn(arr2));// 结果 true

(个人摘抄笔记)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值