JavaScript 判断该对象是否为数组

黄舟

发布时间：2017-02-24 13:09:49

1012人浏览过

来源于php中文网

原创

1. typeof

首先我们会想到的是使用typeof来检测数据类型，但是对于function, string, number, undefined等这几种基本类型来说，使用typeof来检测都可以检测到，比如代码如下：

function test(){}
console.log(typeof 1); // number
console.log(typeof test); // function 
console.log(typeof "yunxi"); // string
console.log(typeof undefined); // undefined

但是对于数组或者正则来说，使用typeof来检测的话，那就满足不了，因为当我们检测数组或者正则的话，那么返回的类型将会是一个对象object，如下代码所示：

console.log(typeof []);  // object
console.log(typeof /\d+/g); // object

2. Instanceof

由此我们很容易会想到使用instanceof来检测某个对象是否是数组的实例，该检测会返回一个布尔型(boolean),如果是数组的话，返回true，否则的话返回false；我们再来看下上面的检测是否为数组的代码如下：

console.log([] instanceof Array);  // true
console.log(/\d+/g instanceof Array); // false

如上可以看到使用instanceof确实可以判断是否为数组的列子;

3. constructor属性

在javascript中，每个对象都有一个constructor属性，它引用了初始化该对象的构造函数，比如判断未知对象的类型，因此我们可以如下写一个方法,代码如下：

立即学习“Java免费学习笔记（深入）”；

function isArray(obj) {
    return typeof obj == 'object' && obj.constructor == Array
}
// 测试demo
console.log(isArray([])); // true
var a = {"a":1};
console.log(isArray(a)); // false

var b = [1,2,3];
console.log(isArray(b)); // true
console.log(isArray(/\d+/g));// false

如上可以看到，通过调用isArray 方法也可以判断是否为数组的列子。

JSON入门教程中文WORD版

本文档主要讲述的是JSON入门教程；和XML一样，JSON也是基于纯文本的数据格式。由于JSON天生是为JavaScript准备的，因此，JSON的数据格式非常简单，您可以用JSON传输一个简单的String，Number，Boolean，也可以传输一个数组，或者一个复杂的Object对象。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

下载

我们现在可以看到，对于第二点和第三点分别使用instanceof方法和constructor属性貌似都可以来判断是否为数组了，但是也有列外情况，比如在跨框架iframe的时候使用页面中的数组时，会失败，因为在不同的框架iframe中，创建的数组是不会相互共享其prototype属性的；如下代码测试即可得到验证~

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;       
var arr = new xArray("1","2","3","4","5");
//这个写法IE下是不支持的，标准浏览器firefox，chrome下有

console.log(arr);  // 打印出 ["1", "2", "3", "4", "5"]
console.log(arr instanceof Array); // false 
console.log(arr.constructor === Array); // false

如上的方法我们都不能来判断一个对象是否为数组的方式; 但是我们在看ECMA262中可以看到，可以使用 Object.prototype.toString.call()方法来判断一个对象是否为数组；如下代码：

function isArray(obj) {
    return Object.prototype.toString.call(obj) == '[object Array]';
}
// 代码调用
console.log(isArray([]));  // true
console.log(isArray([1,2,3])); // true

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;       
var arr = new xArray("1","2","3","4","5");

console.log(arr); // ["1","2","3","4","5"]
console.log(isArray(arr));  // true

以上就是JavaScript 判断该对象是否为数组的内容，更多相关内容请关注PHP中文网（www.php.cn）！

如何在游戏生命值归零时正确显示重置按钮

如何在下拉选项被选中时获取其 ID 属性

如何在所有心形图标变为空心时显示重置按钮

如何在下拉菜单中点击选项时获取其 id 属性

如何优雅地显示“请启用 JavaScript”提示而不闪烁