过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的可是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟你们分享下:javascript如何判断即是是数组。javascript
1. typeof真的那么厉害吗??html
//首先看代码 var ary = [1,23,4]; console.log(typeof ary); //输出结果是Object
上面的办法并不能实时的检测出是不是数组,只能判断其类型,因此说typeof判断基本类型数据仍是挺好的,可是不能准确测试出是不是数组(typeof的具体用法之后说起,如今回归正题)
2.instanceof 判断前端
var ary = [1,23,4]; console.log(ary instanceof Array)//true;
从输出的效果来看,仍是挺使人满意的,能准确的检测出数据类型是不是数组,不要高兴的太早,你们先想一想这个的缺点,咱们接着说第三种方法
3.原型链方法java
var ary = [1,23,4]; console.log(ary.__proto__.constructor==Array);//true console.log(ary.constructor==Array)//true 这两段代码是同样的
这个办法开起来好高大上哦~~,利用了原型链的方法,可是可是,这个是有兼容的哦,在IE早期版本里面__proto__
是没有定义的哦~并且,这个仍然有局限性,咱们如今就来总结一下第2种方法和第3种方法局限性面试
总结一下第2种方法和第3种方法局限性
instanceof 和constructor 判断的变量,必须在当前页面声明的,好比,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个ary,并将其赋值给父页面的一个变量,这时判断该变量,Array == object.constructor;会返回false;
缘由:
一、array属于引用型数据,在传递过程当中,仅仅是引用地址的传递。
二、每一个页面的Array原生对象所引用的地址是不同的,在子页面声明的array,所对应的构造函数,是子页面的Array对象;父页面来进行判断,使用的Array并不等于子页面的Array;切记,否则很难跟踪问题!数组
4.通用的方法浏览器
var ary = [1,23,4]; function isArray(o){ return Object.prototype.toString.call(o)=='[object Array]'; } console.log(isArray(ary));
具体Object.prototype.toString 的用法,请参照Object.prototype.toString的用法框架
今天总结这四种,算是三种吧,typeof是为了引出后面的instanceof,固然总结这四种也是参考了网上的一些意见,若是不妥之处,请多指正~~但愿和各位多多交流~函数
五、追加一种新的方法 Array.isArray(arg);
由于是新添加的,在不支持的浏览器上可能有兼容性,用的时候须要兼容下不支持的浏览器,这个时候就要结合第4中方法了测试
if(!Array.isArray){ Array.isArray = function(arg){ return Object.prototype.toString.call(arg)==='[object Array]' } }
并且此方法能够支持iframe判断是不是数组,实际上是第四中的变形
再多的方法也须要撸码来增强用法和经验,前端们赶忙撸码记忆吧....