一分钟读懂JavaScript数组判断攻略，告别代码误判！

2023-09-27 09:25:51

JavaScript 数组判断：揭秘背后的实用技巧

作为一名 JavaScript 开发人员，您经常需要处理数组。判断一个变量是否为数组是一个基本但至关重要的任务，在编写代码时至关重要。然而，面对多种判断方法，您可能会感到困惑。不要担心！这篇指南将深入探讨 JavaScript 数组判断的实用技巧，让您告别错误判断，快速准确地判定变量类型，让您更高效地编写代码。

数组的本质：有序的数据集合

JavaScript 中的数组是一种有序的集合，可以存储各种类型的数据，包括数字、字符串、对象等。数组中的每个元素都通过一个索引进行访问，索引从 0 开始。数组具有许多内置方法，可以方便地进行添加、删除、查找和排序等操作。

JavaScript 数组判断的 8 种实用方法

掌握各种判断数组的方法至关重要，以应对不同的编程场景。以下是最常用的 8 种方法：

Array.isArray() 方法： 最直接的方法，只需将要判断的变量作为参数传递给 Array.isArray() 方法，如果该变量是数组，则返回 true，否则返回 false。

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

instanceof 运算符： instanceof 运算符可以判断一个变量是否是某一类型的实例。只需将要判断的变量作为左操作数，将数组的构造函数 Array 作为右操作数，如果该变量是数组的实例，则返回 true，否则返回 false。

const isArray = [1, 2, 3] instanceof Array; // true

Object.prototype.toString.call() 方法： 该方法可以返回一个变量的类型字符串。只需将要判断的变量作为参数传递给 Object.prototype.toString.call() 方法，如果返回的字符串是 "[object Array]"，则该变量是数组，否则不是。

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

使用循环来判断： 也可以使用循环来判断一个变量是否为数组。只需遍历该变量的所有元素，如果变量中存在多个元素，则该变量是数组，否则不是。

const isArray = function(variable) {
  for (let i in variable) {
    if (variable.hasOwnProperty(i)) {
      return true;
    }
  }
  return false;
};

const isArray = isArray([1, 2, 3]); // true

Array.length 属性： Array.length 属性返回数组的元素个数。如果该变量的 Array.length 属性大于 0，则该变量是数组，否则不是。

const isArray = [1, 2, 3].length > 0; // true

Array.slice() 方法： Array.slice() 方法可以创建一个数组的副本。如果该变量的 Array.slice() 方法可以成功创建副本，则该变量是数组，否则不是。

const isArray = [1, 2, 3].slice(0).length > 0; // true

JSON.stringify() 方法： JSON.stringify() 方法可以将一个 JavaScript 对象转换为 JSON 字符串。如果该变量的 JSON.stringify() 方法可以成功转换为 JSON 字符串，则该变量是数组，否则不是。

const isArray = JSON.stringify([1, 2, 3]) !== undefined; // true

typeof 运算符： typeof 运算符可以返回一个变量的类型字符串。如果该变量的 typeof 运算符返回 "object"，则该变量是数组，否则不是。

const isArray = typeof [1, 2, 3] === "object"; // true

最佳方法的选择：根据场景而定

在实际项目中，根据场景选择合适的方法至关重要。以下是一些指导原则：

Array.isArray() 方法： 当您确定变量是数组还是非数组时，这是首选方法。
instanceof 运算符： 如果您需要判断一个变量是否是 Array 构造函数的实例时，可以使用它。
Object.prototype.toString.call() 方法： 当您需要精确确定变量的类型时，可以使用它。
循环、Array.length、Array.slice()、JSON.stringify()、typeof 运算符： 这些方法通常用于处理特定场景或作为替代方法。