过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟大家分享下:javascript如何判断便是是数组。

1. typeof真的那么厉害吗??

//首先看代码
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.原型链方法

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;
原因:
1、array属于引用型数据,在传递过程中,仅仅是引用地址的传递。
2、每个页面的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,当然总结这四种也是参考了网上的一些意见,如果不妥之处,请多指正~~希望和各位多多交流~

5、追加一种新的方法 Array.isArray(arg);
因为是新添加的,在不支持的浏览器上可能有兼容性,用的时候需要兼容下不支持的浏览器,这个时候就要结合第4中方法了

if(!Array.isArray){
Array.isArray = function(arg){
return Object.prototype.toString.call(arg)==='[object Array]'
} }

而且此方法可以支持iframe判断是否是数组,其实是第四中的变形

再多的方法也需要撸码来加强用法和经验,前端们赶紧撸码记忆吧....

最新文章

  1. Oracle同义词
  2. 16-网易-intership
  3. 15个实用的jQuery代码片
  4. ae_feature的插入、复制和删除
  5. Windows下Php安装mongodb扩展失败
  6. apache服务器安装
  7. JAX-RS入门
  8. 给定一个函数rand()能产生0到n-1之间的等概率随机数,问如何产生0到m-1之间等概率的随机数?
  9. php生成excel或php生成csv
  10. 事件处理程序(addEventListener 和 attachEvent)
  11. c++11 : Variadic Macros(变长参宏)
  12. JS和OC交互的简单应用
  13. jdbc电话本项目
  14. SpringMVC 构建Restful风格 及问题处理
  15. mkdir--命令
  16. 【UOJ207】共价大爷游长沙(Link-Cut Tree,随机化)
  17. 【BZOJ5470】[FJOI2018]所罗门王的宝藏()
  18. loadrunner 场景设计-设置结果文件保存路径
  19. mysql-5.7免安装版本设置
  20. 简单的卷积神经网络(CNN)的搭建

热门文章

  1. Python:读取Excel表格时出现的u'\u51c6’ 无法正确显示汉字
  2. 网络爬虫深究-初识HTTP和https常识
  3. JZ-055-链表中环的入口结点
  4. XML序列化与反序列化接口对接实战,看这篇就够了
  5. Visual Studio双击打开项目而不是项目属性文件
  6. postman-接口测试常用test模块
  7. C语言链接属性
  8. Django-Multitenant,分布式多租户数据库项目实战(Python/Django+Postgres+Citus)
  9. 两个宝藏|关于我在github上冲浪时的一个小技巧。
  10. Java基础—String构造方法