判断是否是数组

刀刀

0字

0分钟

2026/8/16

判断是否是数组有以下几种方法：

Object.prototype.toString
instanceof
isArray

Object.prototype.toString

下面来看一段代码：

let arr = [1, 2, 3]
let obj = {}
console.log(Object.prototype.toString.call(arr)) // [object Array]
console.log(Object.prototype.toString.call(obj)) // [object Object]

因此可以通过第二个单词是否是 Array 来判断该变量是否是数组。在过去可以写出以下代码来判断：

Object.prototype.toString.call.js

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

在以前这个方法是可以使用的，但是现在不可以了。在之前变量无法更改 toString 这个字符串，但是现在可以可以了，通过 toStringTag 来修改。代码如下：

let obj = {
  [Symbol.toStringTag]: 'Array',
}

isArray(obj) // true

因此这个方法现在无法百分百保证正确了。

instanceof

instanceof 能判断一个变量的原型链条上有没有 array 的原型，代码如下：

instanceof.js

function isArray(arr) {
  return arr instanceof Array
}

let obj = {
  [Symbol.toStringTag]: 'Array',
}
isArray(obj) // false

class A extends Array {}
const a = new A()
isArray(a) // true

该方法也能正常运作，且不会受 toStringTag 的影响，继承也能够正常识别。

但是它还是有两个问题：

使用 setPrototypeOf 修改原型为数组原型会判断为 true
myIframe 是独立的，它有自己的 window 环境，如果使用 myIframe 内的数组环境生成的变量，原型判断为 false

代码如下：

setPrototypeOf.jsmyIframe.js

let obj = {}
Object.setPrototypeOf(obj, Array.prototype)
isArray(obj) // true

let Array1 = window.Array
let myIframe = document.querySelector('myIframe')
let Array2 = myIframe.contentWindow.Array
console.log(Array1 == Array2) // false
let arr = new Array2()
console.log(arr instanceof Array) // false。Array是当前环境的Array，不是iframe的Array，所以是false

isArray

数组是一个特殊的对象，底层源码会有一个特殊的存储结构，在浏览器控制台输入 Array 可以看到。

Array

所以需要一个方法判断该对象是否经过这些构造函数。isArray 方法判断的依据就是当前变量是否经过 native code 。下面来看一下代码：

isArray.js

let Array2 = myIframe.contentWindow.Array
let arr = new Array2()
console.log(Array.isArray(arr)) // true

let obj = {}
Object.setPrototypeOf(obj, Array.prototype)
console.log(Array.isArray(obj)) // true

贡献者

duyidao

刀刀

页面历史

最后编辑于 1 天前

查看完整历史

判断是否是数组 ​

Object.prototype.toString ​

instanceof ​

isArray ​

贡献者

页面历史

判断是否是数组

Object.prototype.toString

instanceof

isArray