JavaScript 中判断数组的几种方法详解

前言

在 JavaScript 中，数组是属于 Object 类型的，也就是属于引用类型。引用类型存放在堆内存中，在函数中传递时，传递的是引用，而不是值。

判断一个变量是否属于数组类型在实际开发中非常常见，比如：

• 检查传递给函数的参数是否为数组类型
• 判断某个值是否可以作为数组进行操作
• 转换其他类型的值为数组类型

判断数组的几种方法

在 JavaScript 中，判断数组有以下几种方法：

1. instanceof

instanceof 操作符用于检查一个对象是否是某个类的实例。对于数组，可以使用如下方式判断：

const arr = [1, 2, 3];
console.log(arr instanceof Array); // true

优点 ：instanceof 操作符是最可靠的方法，可以准确判断一个对象是否是数组类的实例。

缺点 ：instanceof 操作符只适用于判断自定义类，对于内置类型（如数组、字符串、数字等）不适用。

2. Array.isArray

Array.isArray 方法是专门用于判断一个值是否为数组类型。其用法如下：

const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true

优点 ：Array.isArray 方法是判断数组类型最简单直接的方法，而且可以适用于内置类型和自定义类。

缺点 ：Array.isArray 方法是 ES5 中引入的新方法，在旧的浏览器中可能不支持。

3. Object.prototype.toString

Object.prototype.toString 方法可以返回一个对象的类型字符串。对于数组，返回的类型字符串为 "[object Array]"。

const arr = [1, 2, 3];
console.log(Object.prototype.toString.call(arr)); // "[object Array]"

优点 ：Object.prototype.toString 方法可以适用于所有类型的值，包括内置类型和自定义类。

缺点 ：Object.prototype.toString 方法返回的是类型字符串，需要进一步处理才能判断是否是数组类型。

4. ArrayBuffer

ArrayBuffer 对象表示一段用于存储二进制数据的内存块。由于数组也是一种二进制数据，因此也可以使用 ArrayBuffer 来判断数组类型。

const arr = new ArrayBuffer(10);
console.log(arr instanceof ArrayBuffer); // true

优点 ：ArrayBuffer 方法可以准确判断数组类型，并且适用于所有类型的数组。

缺点 ：ArrayBuffer 方法只适用于 ArrayBuffer 类型的值，对于其他类型的数组不适用。

综合比较

方法	适用于内置类型	适用于自定义类	可靠性	浏览器支持
instanceof	否	是	高	仅适用于自定义类
Array.isArray	是	是	高	ES5 及以上
Object.prototype.toString	是	是	中	所有浏览器
ArrayBuffer	是	否	高	所有浏览器

实际应用

在实际开发中，根据不同的场景，可以选用不同的判断数组类型的方法：

• 如果需要判断的是自定义类，可以使用 instanceof 操作符。
• 如果需要判断的是内置类型的数组，可以使用 Array.isArray 方法。
• 如果需要判断的是所有类型的数组，可以使用 Object.prototype.toString 方法或 ArrayBuffer 方法。

总结

在 JavaScript 中，判断数组类型有 instanceof、Array.isArray、Object.prototype.toString 和 ArrayBuffer 等几种方法，每种方法都有其自身的优缺点。根据不同的场景，可以选择最合适的方法进行判断。