如何使用 .length 检查 JavaScript 数组是否为空

使用 JavaScript 编程时，你可能需要知道如何检查数组是否为空。

你可以使用 .length 属性来检查一个数组是否为空。

length 属性设置或返回数组中元素的数量。通过知道数组中元素的数量，你可以知道它是否为空。空数组内部将包含 0 个元素。

让我们来看一些例子。

.length 示例语法

Const myArray = [‘Horses’, ‘Dogs’, ‘Cats’];

在这里，我们创建一个指向空数组的变量。

使用 length 属性，我们可以检查数组的长度：

myArray.length

这将返回 3，因为数组中有 3 个元素。

我们可以通过三种方式使用 .length 检查数组是否为空。

首先，我们创建一个没有任何元素的新数组。

const arr = []

现在，我们可以用 .length 检查数组是否为空。

arr.length

这将返回 0，因为数组中有 0 个元素。

if (arr.length === 0) { console.log("Array is empty!") }

如果数组为空，则上面的消息将被打印出来。如果数组中包含元素，则 if 语句中的代码将不会运行。

下面是使用 .length 检查数组是否为空的第三种方法。

通过结合使用 length 属性和 JavaScript 中的逻辑 “非” 运算符 “!” 符号，我们可以检查数组是否为空。

! 运算符使表达式取反。也就是说，如果数组为空，我们可以使用它返回 true。

对于这个示例，我们打开 JavaScript 控制台。点击 Inpsect（检查）-> Console，在 Chrome 中打开控制台。

首先，创建一个没有元素的数组。

接下来，让我们使用逻辑“非”运算符以及 .length 属性来测试数组是否为空。

如果没有使用“非”运算符，则 arr.length 将返回 0。添加了该运算符后，如果其操作结果为 false，则它将返回 true。因为 arr.length 为 0 或 false，所以它返回 true。

让我们将其与 if 语句一起使用。如果我们的数组为空，则输出一条消息。

在检查数组是否为空时，通常最好还检查该数组是否确实为数组。

为什么？

因为在某些情况下，你可能希望检查数组的长度，但是你却在对其他数据类型进行操作，例如字符串：

因为 length 属性可以用于其他数据类型，所以最好检查一下数组是否确实是你期望的数组。

我建议你也使用 Array.isArray() 方法来确认你的数组是一个数组。如果传入的是数组，则此方法将返回 true。

让我们将此方法添加到示例中。

在本文中，我们了解到可以在 JavaScript 中以各种方式使用 length 属性来检查数组是否为空。length 属性返回数组中的元素数量。

我们还了解到，最好在使用 length 属性时也使用 Array.isArray 方法，以检查传递的值是否是你所期望的数组。