javascript 判断变量是否是数组（Array）

RayKr 发布于2019-08-30 12:48 / 1987人阅读

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

过完春节又有好多人寻找新的机会，旁边的人面试完就会分享一些问题，明明会的但是面试的时候，想不全，面试官不满意...这个懊恼的行为，今天的文章跟大家分享下：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判断是否是数组,其实是第四中的变形

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

云服务器 GPU云服务器 js判断数组中是否包含某一项 js判断是否是域名 js 判断是否是集合 php判断是否是整型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/115078.html

javascript 判断变量是否是数组（Array）

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

lyning 2019-08-19 17:38 评论0 收藏0
javascript 判断变量是否是数组（Array）

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

RichardXG 2019-08-01 15:06 评论0 收藏0
PHP基础知识小结

原始数据类型(9种) 基本数据类型：整形(integer)、浮点型(float)、字符串(string)、布尔型(boolean) 复合数据类型：数组(array)、对象(object)、callable(可调用) 特殊数据类型：资源类型(resource) 和 NULL 变量相关处理函数 is_bool($var) 判断是否为布尔型 is_int($var) ...

RancherLabs 2019-07-01 11:00 评论0 收藏0
servlet容器

摘要：，容器的作用是负责处理客户请求，当客户请求来到时，容器获取请求，然后调用某个，并把的执行结果返回给客户。将请求发送给服务器端是的容器。将该请求转换成一个消息，并将其放入一个队列。继承自类，其在中扮演的角色是中心控制器。容器就是你的程序运行时需要的环境 1，Tomcat是Servlet的运行环境，即一个Servlet容器。 2，Servlet容器的作用是负责处理客户请求，当客户请求来到...

dcr309duan 2019-08-14 12:52 评论0 收藏0
typeof和instanceof的区别

摘要：运算符用来测试一个对象在其原型链中是否存在一个构造函数的属性。多个窗口意味着多个全局环境，不同的全局环境拥有不同的全局对象，从而拥有不同的内置类型构造函数。 instanceofinstanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。语法object instanceof constructor描述instanceof 运算符用来检测 ...

ghnor 2019-08-20 17:25 评论0 收藏0