如何在 JavaScript 中查找数组的长度？

在本教程中，我们将学习如何在 JavaScript 中查找数组长度的方法。数组的长度是指 JavaScript 数组中包含的元素或项目的数量。在 JavaScript 中，我们只有一种方法可以找出数组的长度。

  • 使用 length 属性

使用 length 属性

在 JavaScript 中，我们可以使用 JavaScript 的length属性来查找数组的长度。众所周知，数组的长度是数组中包含的元素的数量，length属性将返回一个表示数组长度或其中元素数量的数字。

让我们看看如何使用length属性在 JavaScript 中查找数组的长度。

语法

下面的语法将解释如何在 JavaScript 中使用length属性来查找数组的长度：

let arr = [];
let len = arr.length;

使用上述语法，我们可以查找数组的长度，甚至可以使用此语法设置数组的长度。

步骤

  • 步骤 1 - 首先，我们需要定义一个数组，我们将使用 JavaScript 语法来定义数组，以查找其长度。
  • 步骤 2 - 在下一步中，我们将使用如上语法所示的length来查找数组长度或其中的元素数量。
  • 步骤 3 - 第三步将包含显示上述步骤结果的逻辑，以便从这些步骤中得出数组的长度。

让我们借助代码示例来了解上述方法的实现。

示例 1

下面的示例将说明如何在 JavaScript 中使用 length 属性来查找数组的长度：

<html>
<body>
   <h3>Finding the length of an array in JavaScript</h3>
   <p>The Dummy array is: [25, 38, 36, 20, 35]</p>
   <p id="result"></p>
   <script>
      let arr = [25, 38, 36, 20, 35];
      let len = arr.length;
      document.getElementById('result').innerHTML = "The length of above array is: " + len;
   </script>
</body>
</html>

在上面的示例中，我们使用arr作为虚拟数组，以使用 JavaScript 中的 length 属性查找长度。

下面的示例将解释如何在 JavaScript 中使用length属性查找数组的长度，其中数组初始化时缺少一些元素。

让我们看看当数组中缺少一个或多个元素时，length将返回什么：

示例 2

<html>
<body>
   <h3>Find the length of an array in JavaScript</h3>
   <p>The Dummy array is: [,54,63, ,26,48,10, ,15, ]</p>
   <p id="result"></p>
   <script>
      let arr = [, 54, 63, , 26, 48, 10, , 15];
      let len = arr.length;
      document.getElementById('result').innerHTML = "The length of above array is: " + len ;
   </script>
</body>
</html>

在上面的示例中，我们可以清楚地看到，在数组arr的声明中缺少三个元素，但是length属性仍然将数组的长度返回为 9，这意味着它也计算了声明中缺少的项目作为其包含的项目，这就是为什么它将数组的长度显示为 9 的原因。

示例 3

现在，在这个示例中，我们将看到如果我们在声明数组之后添加或删除一个或多个项目，length属性将返回什么值。

<html>
<body>
   <h3>Find the length of an array in JavaScript</h3>
   <p>The Dummy array was: ["Potato", "Tomato", "Onion"]</p>
   <p id="result"></p>
   <script>
      let veggies = ["Potato", "Tomato", "Onion"];
      veggies.push("Ladyfinger");
      veggies.push("Cabbage");
      veggies.pop();
      let len = veggies.length;
      document.getElementById('result').innerHTML = "The length of above array is: " + len + "</br>" + "<br>While the array after modification is: " + veggies + "";
   </script>
</body>
</html>

在这个例子中，我们使用veggies声明了一个蔬菜数组，我们使用 JavaScript 的push()和pop()方法分别修改数组声明后的数组，以添加和删除数组的元素，其中pop()方法默认总是删除数组的最后一个元素。在本例中，我们使用push()方法在数组中添加了两个项目，即Ladyfinger和Cabbage，但后来我们使用pop()方法从数组中弹出一个元素，该方法删除了最后一个元素，在本例中为Cabbage。因此，我们得到数组的长度为4，并且屏幕上只打印了四个元素。

在本教程中，我们学习了如何使用length属性在 JavaScript 中查找数组的长度，并且还通过相应的代码示例了解了length属性在声明数组的不同场景或条件下的反应或执行方式。

更新于：2022年10月31日

13K+ 次浏览

开启您的职业生涯

通过完成课程获得认证

开始学习
广告