JS判断对象是否为Array

LOCPHIL

于 2019-06-14 11:14:54 发布

阅读量308

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/LOCPHIL/article/details/91956380

前端专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了在JavaScript中判断一个变量是否为数组的四种方法：使用typeof操作符、instanceof操作符、ES3中的Object.prototype.toString.call()方法以及ES5/ES6中的Array.isArray()方法。并对比了它们在不同场景和浏览器中的兼容性表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.typeof操作符

对Function，String，Number，Undefined等几种类型的对象可用，但判断一个Array时，typeof得到object

2.instanceof操作符

返回Boolean值

var arr=[1,2];
arr instanceof Array; //true

在多个frame中穿梭会有问题

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;
var arr = new xArray("1","2","3");//IE不支持，FF下支持
alert(arr instanceof Array); // false
alert(arr.constructor === Array); //false

3.ES3：Object.prototype.toString.call(obj) === '[Object Array]'

function isArray(obj){
    return Object.prototype.toString.call(obj) === '[Object Array]';
}

可借鉴跨frame对象构建的问题，且各浏览器兼容性较好

4.ES5/Es6：Array.isArray(obj) === true