JS判断数组那点事

JS判断数组那点事：完整攻略

在JavaScript中，我们可以使用各种方式来判断一个变量是否为数组。本攻略将介绍一些常用的方法以及它们的优缺点。

1. 使用typeof运算符

我们可以使用typeof运算符来获取变量的数据类型。对于数组而言，typeof将返回"object"。因此可以使用typeof判断传入的参数是否为"object"，如果是则继续判断是否为数组。

function isArray(arr) {
  return typeof arr === "object" && arr instanceof Array;
}

优点：代码简单易懂，易于上手。缺点：因为返回结果只能是"object"，因此无法判断其他类型的对象。

2. 使用Array.isArray方法

ECMA-262第五版中正式引入了Array.isArray方法，用于判断一个变量是否为数组。Array.isArray方法的优点在于其返回结果准确可靠，不会被其他对象类型所干扰。

function isArray(arr) {
  return Array.isArray(arr);
}

优点：可以准确判断数组，无法被其他对象类型所干扰。缺点：浏览器兼容性不好。

3. 使用Object.prototype.toString方法

每个JavaScript对象都有一个原型链，而Object.prototype在这个原型链的顶端。我们可以通过调用Object.prototype.toString方法，并将数组作为参数传入，以获取其类型信息。

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

优点：准确性高，对各种类型的对象都能正确判断。缺点：稍微复杂一些，不够简洁。

示例1：使用typeof运算符判断数组

var arr = [1, 2, 3];

if (typeof arr === "object" && arr instanceof Array) {
  console.log("arr is an array");
} else {
  console.log("arr is not an array");
}

输出：arr is an array。

示例2：使用Object.prototype.toString方法判断数组

var arr = [1, 2, 3];

if (Object.prototype.toString.call(arr) === "[object Array]") {
  console.log("arr is an array");
} else {
  console.log("arr is not an array");
}

输出：arr is an array。

结论

在实际开发中，为了减少大量if else语句的重复代码，建议使用封装好的isArray方法。对于比较高要求浏览器兼容性的情况，则可以考虑使用typeof运算符或Object.prototype.toString方法。