js怎么判断对象是否是数组-js教程-PHP中文网

js怎么判断对象是否是数组

星降

发布： 2025-08-17 16:05:01

原创

282人浏览过

判断一个javascript对象是否是数组，最推荐的方法是使用array.isarray()。1. array.isarray(value)是es5引入的内置方法，能准确判断值是否为数组，包括跨iframe创建的数组；2. typeof无法区分数组和普通对象，因为typeof[]返回"object"，故不适用；3. instanceof array在跨全局上下文（如iframe）时会失效，不推荐；4. object.prototype.tostring.call(value) === '[object array]'虽健壮但繁琐，仅用于极老浏览器无polyfill时。因此，应优先使用array.isarray()，它语义清晰、健壮、性能好且兼容现代环境，是判断数组最可靠的选择。

js怎么判断对象是否是数组

在JavaScript里，要判断一个对象是不是数组，最直接、最推荐的方式是使用

Array.isArray()

登录后复制

方法。这个方法专门为此目的而生，它会返回一个布尔值，告诉你传入的值是不是一个数组。

解决方案

判断一个JavaScript对象是否是数组，主要有几种方法，但它们的适用场景和健壮性有所不同。

最推荐且现代的方法是：

Array.isArray(value);

登录后复制

这个方法是ES5引入的，它能可靠地判断一个值是否为数组，即使这个数组是在不同的全局执行环境（比如iframe）中创建的。

例如：

const arr1 = [];
const arr2 = new Array();
const obj = {};
const str = "hello";
const num = 123;
const bool = true;
const nul = null;
const und = undefined;

console.log(Array.isArray(arr1)); // true
console.log(Array.isArray(arr2)); // true
console.log(Array.isArray(obj));  // false
console.log(Array.isArray(str));  // false
console.log(Array.isArray(num));  // false
console.log(Array.isArray(bool)); // false
console.log(Array.isArray(nul));  // false
console.log(Array.isArray(und));  // false

登录后复制

为什么不能直接用

typeof

登录后复制

判断数组？

很多人初学JavaScript时，会习惯性地用

typeof

登录后复制

来判断变量类型。但如果你尝试

typeof []

登录后复制

，你会发现它返回的是

"object"

登录后复制

。这其实是JavaScript的一个“历史遗留问题”或者说设计上的一个特点。在JavaScript中，数组本质上是一种特殊的对象，它们继承自

Object.prototype

登录后复制

。所以

typeof

登录后复制

运算符在遇到数组时，并不能区分它和普通的JavaScript对象。

这导致了一个常见的误区，就是以为

typeof

登录后复制

足够用来区分所有数据类型。实际上，

typeof

登录后复制

对于基本数据类型（如

string

登录后复制

number

登录后复制

boolean

登录后复制

symbol

登录后复制

undefined

登录后复制

bigint

登录后复制

）表现良好，但对于

null

登录后复制

会返回

"object"

登录后复制

（这也是一个历史性的bug），对于函数返回

"function"

登录后复制

，而对于所有非函数对象（包括数组、日期、正则等）都统一返回

"object"

登录后复制

。所以，单凭

typeof

登录后复制

无法判断一个值是否是数组，它只会告诉你这是一个广义上的“对象”。

除了

Array.isArray()

登录后复制

还有哪些方法可以判断数组？

在

Array.isArray()

登录后复制

出现之前，开发者们通常会使用一些变通的方法来判断数组。虽然现在

Array.isArray()

登录后复制

是首选，但了解这些老方法有助于理解其背后的原理和兼容性问题。

一种常见的方法是使用

instanceof

登录后复制

运算符：

阿里云-虚拟数字人

阿里云-虚拟数字人是什么？ ...

查看详情

value instanceof Array;

登录后复制

这个方法检查

value

登录后复制

是否是

Array

登录后复制

构造函数的实例。例如：

const arr = [];
const obj = {};

console.log(arr instanceof Array); // true
console.log(obj instanceof Array); // false

登录后复制

instanceof

登录后复制

在大多数情况下都能正常工作，但它有一个重要的局限性：它在处理跨iframe或跨全局上下文创建的数组时会失效。因为每个iframe都有自己的全局对象和自己的

Array

登录后复制

构造函数，

arr instanceof window.frames[0].Array

登录后复制

可能会返回

false

登录后复制

，即使

arr

登录后复制

在逻辑上确实是一个数组。

另一种更“古老”但非常健壮的方法是利用

Object.prototype.toString

登录后复制

方法：

Object.prototype.toString.call(value) === '[object Array]';

登录后复制

这个方法的工作原理是，当

Object.prototype.toString

登录后复制

被调用时，它会返回一个表示该对象类型的字符串。对于数组，这个字符串是

"[object Array]"

登录后复制

。这个方法的好处在于它不受执行上下文的影响，因为它直接调用了

Object

登录后复制

原型链上的

toString

登录后复制

方法，而这个方法对于所有内置类型都有一个预定义的行为。

const arr = [];
const obj = {};
const date = new Date();

console.log(Object.prototype.toString.call(arr));  // "[object Array]"
console.log(Object.prototype.toString.call(obj));  // "[object Object]"
console.log(Object.prototype.toString.call(date)); // "[object Date]"

console.log(Object.prototype.toString.call(arr) === '[object Array]'); // true

登录后复制