JS判断Array数组和Object对象类型

今天我给大家整理些关于javascript判断数组(Array)和对象(Object)的相关知识，下面来看看如何实现吧：

1. typeof真的能判断出来吗？

//首先看代码
var array = [1,2,3,4];
var obj={id:1};
console.log(typeof array); //输出结果是Object
console.log(typeof obj); //输出结果是Object
可见typeof不能判断出是数组还是对象，因为返回的值都是Object。

上面的办法并不能实时的检测出是否是数组，只能判断其类型，所以说typeof判断基本类型数据还是挺好的，但是不能准确测试出是否是数组（typeof的具体用法以后提及，现在回归正题）

2.instanceof 判断

var arr = [1,2,3,4];
console.log(arr instanceof Array)//true;
console.log(arr instanceof Object)//true;
从输出的效果来看，不管是对象还是数组返回的都是true看来这个只能正确的判断对象类型，不能识别数组。

3.原型链方法

var arr = [1,2,3,4];
console.log(arr.__proto__.constructor==Array);//true
console.log(arr.constructor==Array)//true 这两段代码是一样的
这个办法开起来好高大上哦~~，利用了原型链的方法，但是但是，这个是有兼容的哦，在IE早期版本里面__proto__是没有定义的哦~而且，这个仍然有局限性，我们现在就来总结一下第2种方法和第3种方法局限性

总结一下第2种方法和第3种方法局限性

instanceof 和constructor 判断的变量，必须在当前页面声明的，比如，一个页面（父页面）有一个框架，框架中引用了一个页面（子页面），在子页面中声明了一个arr，并将其赋值给父页面的一个变量，这时判断该变量，Array == object.constructor;会返回false；

原因：

1、array属于引用型数据，在传递过程中，仅仅是引用地址的传递。

2、每个页面的Array原生对象所引用的地址是不一样的，在子页面声明的array，所对应的构造函数，是子页面的Array对象；父页面来进行判断，使用的Array并不等于子页面的Array；切记，不然很难跟踪问题！

4.通用的方法

var arr = [1,2,3,4];
var obj={};

//判断是否是数组
function isArray(o){
return Object.prototype.toString.call(o)=='[object Array]';
}
console.log(isArray(arr));

//判断是否是对象
function isObject(o){
return Object.prototype.toString.call(o)=='[object Object]';
}
console.log(isObject(obj));

用Object.prototype.toString来做判断是最好的选择也可以排除兼容性的问题。

具体Object.prototype.toString 的用法，请参照 Object.prototype.toString的用法

好了关于JavaScript判断Array数组和Object对象类型就给大家介绍这么多，今天主要给大家总结了这四种！