如何在 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+ 次瀏覽

開啟您的職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.