JavaScript判断变量是否为数组

Posted 2021-01-11 小新没蜡笔哦

//首先看代码

var ary = [1,23,4];

console.log(typeof ary); //输出结果是Object

上面的办法并不能实时的检测出是否是数组，只能判断其类型，所以说typeof判断基本类型数据还是挺好的，但是不能准确测试出是否是数组

方法1. instanceof 判断

var ary = [1,23,4];

console.log(ary instanceof Array)//true;

从输出的效果来看，还是挺令人满意的，能准确的检测出数据类型是否是数组，但是有缺点。

方法2. 原型链方法

var ary = [1,23,4];

console.log(ary.__proto__.constructor==Array);//true

console.log(ary.constructor==Array)//true 这两段代码是一样的

这个办法开起来好高大上哦~~，利用了原型链的方法，但是但是，这个是有兼容的哦，在IE早期版本里面__proto__是没有定义的哦~而且，这个仍然有局限性。

总结一下两种种方法局限性

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

原因：

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

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

方法3. 通用的方法

var ary = [1,23,4];

function isArray(o){

return Object.prototype.toString.call(o)==‘[object Array]‘;

}

console.log(isArray(ary));