如何检测一个值是否为数组？

在前端开发中，经常需要判断一个变量的类型，并根据类型来执行不同的逻辑。而其中一个常见的类型就是数组。本文将介绍如何使用 JavaScript 来检测一个值是否为数组，并提供相应的示例代码。

使用 Array.isArray() 方法

从 ES5 开始，JavaScript 提供了一个内置方法 Array.isArray()，可以用来检测一个值是否为数组。这个方法接收一个参数，如果这个参数是一个数组，则返回 true，否则返回 false。

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

const str = 'hello';
console.log(Array.isArray(str)); // false

值得注意的是，Array.isArray() 方法虽然简单易用，但并不兼容所有浏览器。如果要兼容旧版浏览器，我们需要使用其他方式来检测数组类型。

检测原理

那么，Array.isArray() 方法是如何实现的呢？其实很简单，只需要检查参数对象是否具有 Array.prototype 属性即可。

if (!Array.isArray) {
  Array.isArray = function(arg) {
    return Object.prototype.toString.call(arg) === '[object Array]';
  };
}

上面的代码是 Array.isArray() 方法的一个简化实现。它通过调用 Object.prototype.toString() 方法来获取传入参数的类型，然后与字符串 '[object Array]' 进行比较来判断是否为数组类型。

其他检测方法

除了 Array.isArray() 方法外，还有其他一些方法也可以用来检测一个值是否为数组。

instanceof 运算符

instanceof 运算符用于检测一个对象是否是某个构造函数的实例。如果一个值是数组，那么它一定是 Array 构造函数的实例，因此可以使用 instanceof 运算符来检测。

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

const str = 'hello';
console.log(str instanceof Array); // false

需要注意的是，instanceof 运算符的判断是基于原型链的，因此对于原始值、基本数据类型、简单的包装类型等，则无法通过 instanceof 运算符来检测。

Object.prototype.toString() 方法

Object.prototype.toString() 方法返回一个表示当前对象类型的字符串。对于数组类型，它返回的就是 '[object Array]'。

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

const str = 'hello';
console.log(Object.prototype.toString.call(str) === '[object Array]'); // false

需要注意的是，直接调用 toString() 方法会返回对象的默认描述字符串，而不是对象的类型。因此，必须使用 call() 或 apply() 方法，将要检测的对象作为参数传入。

总结

本文介绍了如何使用 JavaScript 来检测一个值是否为数组，包括 Array.isArray() 方法、instanceof 运算符以及 Object.prototype.toString() 方法。其中，Array.isArray() 方法是最常用的一种检测方法，但并不兼容所有浏览器。因此，在实际开发中需要注意兼容性问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15379