如何在 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 来修改数组。

语法

用户可以按照以下语法使用 String 对象获取长度。

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+ 阅读量

启动您的 职业生涯

通过完成课程获得认证

开始学习
广告