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,,

列印頁面