摘要:过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意这个懊恼的行为,今天的文章跟大家分享下如何判断便是是数组。
过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟大家分享下: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判断是否是数组,其实是第四中的变形
再多的方法也需要撸码来加强用法和经验,前端们赶紧撸码记忆吧....
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/49762.html
摘要:过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意这个懊恼的行为,今天的文章跟大家分享下如何判断便是是数组。 过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟大家分享下:javascript如何判断便是是数组。 1. typeof真的那...
摘要:过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意这个懊恼的行为,今天的文章跟大家分享下如何判断便是是数组。 过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟大家分享下:javascript如何判断便是是数组。 1. typeof真的那...
摘要:语法部分属性默认的就是,所以不必显式指定为。不强制在每个语句结尾加,会自动加分号,但是在某些情况下会改变程序的语义,所以最好主动加。实际上,默认有一个全局对象。 语法部分: 1.type 属性: 默认的 type 就是 javascript, 所以不必显式指定 type 为 javascript。2.javascript 不强制在每个语句结尾加 ; , javascript 会自...
摘要:检测函数从技术上讲,中的函数是引用类型,同样存在构造函数,每个函数都是其实例,比如不好的写法然而,这个方法亦不能跨帧使用,因为每个帧都有各自的构造函数,好在运算符也是可以用于函数的,返回。 上周写过一篇读书笔记《编写可维护的JavaScript》之编程实践,其中 第8章 避免『空比较』是博主在工作中遇坑较多的雷区,所以特此把该章节重新整理分享,希望大家不再坑队友(>﹏<)。 在 Jav...
阅读 829·2021-11-25 09:44
阅读 1020·2021-11-19 09:40
阅读 6855·2021-09-07 10:23
阅读 1924·2019-08-28 17:51
阅读 1074·2019-08-26 10:59
阅读 1890·2019-08-26 10:25
阅读 3068·2019-08-23 18:22
阅读 835·2019-08-23 16:58