JavaScript - 数组长度属性

JavaScript 的 Array.length 属性用于返回数组中存在的元素数量。例如，如果数组包含四个元素，则 length 属性将返回 4。length 属性的返回值始终是非负整数，小于 2³²。

以下是一些我们可以使用 Array.length 属性的场景：

检查数组中存在的元素数量。
检查数组是否为空。
我们可以使用此属性从数组末尾删除元素。
我们可以通过设置新的长度来调整数组大小。

语法

以下是 JavaScript Array length 属性的语法，用于返回数组的长度：

array.length

以下是设置或返回数组中元素数量的语法：

array.length = number

返回值

JavaScript 中数组的 length 属性返回数组中元素的数量。

示例

示例 1

在下面的示例中，我们使用 JavaScript Array.length 属性来计算指定数组的长度。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"]
      let result = animals.length;
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

输出

示例 2

在这里，我们使用 length 属性从提供的数组中返回 3 个元素：

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"]
      animals.length = 3;
      document.getElementById("demo").innerHTML = animals;
   </script>
</body>
</html>

输出

Lion,Cheetah,Tiger

示例 3

如果提供的数组中没有元素（空数组），则 length 属性将返回 0 作为输出。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = []
      let result = animals.length;
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

输出

示例 4

当“length”设置为大于原始长度的值时，数组将通过添加空槽进行扩展：

<!DOCTYPE html>
<html>
<body>
   <script>
      const arr = [10, 20, 30];
      document.write(arr, "<br>");
      arr.length = 5;
      document.write(arr);
   </script>
</body>
</html>

输出

10,20,30
10,20,30,,

打印页面