如何在 JavaScript 陣列中獲取最後一個元素？

在本教程中，我們將嘗試使用以下三種方法來獲取陣列中的最後一個元素：

  • 使用陣列的 length 屬性。

  • 使用 slice() 方法。

  • 使用 pop() 方法。

使用陣列 length 屬性

陣列的 length 屬性返回陣列中元素的數量。陣列索引從 0 開始，最後一個索引為陣列長度 - 1。例如，如果陣列的長度為 5，則索引編號將為 0 到 4。這意味著如果我們想要獲取最後一個元素，則索引將為陣列長度 - 1。

語法

使用者可以按照以下語法使用陣列 length 屬性獲取長度。

array[array.length - 1];

在上述語法中，我們使用 array.length 方法獲取陣列的總長度，然後將其減 1 以獲取最後一個元素，因為索引從 0 到 length-1。

示例

在下面的示例中，我們找到陣列中的最後一個元素。我們使用陣列 length 屬性查詢陣列中元素的總數。

<html>
<body>
   <div id = "result1">Original Array:</div>
   <div id = "result2">Last Element:</div>
   <script>
      let arr = [2, 4, 6, 8, 10, 12];
      document.getElementById('result1').innerHTML += arr;
      let element = arr[arr.length - 1];
      document.getElementById('result2').innerHTML += element;
   </script>
</body>
</html>

使用 slice() 方法

在 JavaScript 中，我們使用 slice 方法從陣列中返回特定部分的元素。此方法接受兩個引數，起始索引和結束索引（不包括結束索引的元素）。此方法不會修改原始陣列。如果我們只輸入一個索引值，它將只返回該索引元素。我們也可以給陣列元素指定負索引。在這種情況下，最後一個元素將被檢測為索引值 -1，然後是 -2，依此類推。

語法

使用者可以按照以下語法使用模板字面量獲取長度。

array.slice(-1);

在上述語法中，我們使用 array.slice() 方法並使用負索引 (-1) 獲取最後一個元素。

示例

在下面的示例中，我們將 slice() 方法應用於查詢 JavaScript 陣列中的最後一個方法。

<html>
<body>
   <p>Getting the last element in an array using the slice() method</p>
   <div id = "result1">Original Array: </div>
   <div id = "result2">Last Element: </div>
   <script>
      let arr = [2, 4, 6, 8, 10, 12];
      document.getElementById('result1').innerHTML += arr;
      let element = arr.slice(-1);
      document.getElementById('result2').innerHTML += element;
   </script>
</body>
</html>

使用 pop() 方法

pop() 方法刪除陣列的最後一個元素並返回該值。此方法透過將陣列長度減 1 來修改陣列。

語法

使用者可以按照以下語法使用字串物件獲取長度。

array.pop();

在上述語法中，我們使用 array.pop() 方法刪除最後一個元素並將該元素儲存在一個變數中。

示例

在下面的示例中，我們使用 pop() 方法獲取陣列中的最後一個元素。pop() 方法從陣列中刪除最後一個元素。為了獲取原始元素，我們應該將原始元素儲存在一個臨時變數中。

<html>
<body>
   <p>Getting the last element in an array using the pop() method</p>
   <div id = "result1">Original Array: </div>
   <div id = "result2">Last Element: </div>
   <script>
      let arr = [2, 4, 6, 8, 10, 12, 13, 34];
      document.getElementById('result1').innerHTML += arr;
      let element = arr.pop();
      document.getElementById('result2').innerHTML += element;
   </script>
</body>
</html>

在本教程中，我們討論了三種獲取陣列中最後一個元素的方法。第一種方法是使用陣列 length 屬性。第二種方法是 slice() 方法，最後一種方法是使用 pop() 方法。

更新於： 2022 年 10 月 20 日

2K+ 次檢視

啟動您的 職業生涯

透過完成課程獲得認證

開始
廣告

© . All rights reserved.