如何在 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+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告