JavaScript判断对象是否为数组
文中为大家分享了三种JavaScript判断对象是否为数组的方法,
1.typeof
首先我们会想到的是使用typeof来检测数据类型,但是对于Function,String,Number,Undefined等这几种基本类型来说,使用typeof来检测都可以检测到,比如代码如下:
functiontest(){} console.log(typeof1);//number console.log(typeoftest);//function console.log(typeof"yunxi");//string console.log(typeofundefined);//undefined
但是对于数组或者正则来说,使用typeof来检测的话,那就满足不了,因为当我们检测数组或者正则的话,那么返回的类型将会是一个对象object,如下代码所示:
console.log(typeof[]);//object console.log(typeof/\d+/g);//object
2.Instanceof
由此我们很容易会想到使用instanceof来检测某个对象是否是数组的实例,该检测会返回一个布尔型(boolean),如果是数组的话,返回true,否则的话返回false;我们再来看下上面的检测是否为数组的代码如下:
console.log([]instanceofArray);//true console.log(/\d+/ginstanceofArray);//false
如上可以看到使用instanceof确实可以判断是否为数组的列子;
3.constructor属性
在javascript中,每个对象都有一个constructor属性,它引用了初始化该对象的构造函数,比如判断未知对象的类型,因此我们可以如下写一个方法,代码如下:
functionisArray(obj){ returntypeofobj=='object'&&obj.constructor==Array } //测试demo console.log(isArray([]));//true vara={"a":1}; console.log(isArray(a));//false varb=[1,2,3]; console.log(isArray(b));//true console.log(isArray(/\d+/g));//false
如上可以看到,通过调用isArray方法也可以判断是否为数组的列子。
我们现在可以看到,对于第二点和第三点分别使用instanceof方法和constructor属性貌似都可以来判断是否为数组了,但是也有列外情况,比如在跨框架iframe的时候使用页面中的数组时,会失败,因为在不同的框架iframe中,创建的数组是不会相互共享其prototype属性的;如下代码测试即可得到验证~
variframe=document.createElement('iframe'); document.body.appendChild(iframe); xArray=window.frames[window.frames.length-1].Array; vararr=newxArray("1","2","3","4","5"); //这个写法IE下是不支持的,标准浏览器firefox,chrome下有 console.log(arr);//打印出["1","2","3","4","5"] console.log(arrinstanceofArray);//false console.log(arr.constructor===Array);//false
如上的方法我们都不能来判断一个对象是否为数组的方式;但是我们在看ECMA262中可以看到,可以使用Object.prototype.toString.call()方法来判断一个对象是否为数组;如下代码:
functionisArray(obj){ returnObject.prototype.toString.call(obj)=='[objectArray]'; } //代码调用 console.log(isArray([]));//true console.log(isArray([1,2,3]));//true variframe=document.createElement('iframe'); document.body.appendChild(iframe); xArray=window.frames[window.frames.length-1].Array; vararr=newxArray("1","2","3","4","5"); console.log(arr);//["1","2","3","4","5"] console.log(isArray(arr));//true
以上就是本文的全部内容,帮助大家学习JavaScript判断对象是否为数组的方法,希望对大家的学习有所帮助。