JS 取数组最后一个元素|极客笔记

JS 取数组最后一个元素

在JavaScript中，我们经常需要获取数组中的特定元素，比如第一个元素、最后一个元素等。今天我们就来详细讨论如何取数组中的最后一个元素。

最简单直接的方法就是利用数组的length属性来获取最后一个元素的索引，然后直接取出该元素。具体步骤如下：

const arr = [1, 2, 3, 4, 5];
const lastIndex = arr.length - 1;
const lastElement = arr[lastIndex];
console.log(lastElement);

在上面的示例中，我们先获取数组arr的长度，然后将其减去1，就得到了最后一个元素的索引。最后通过该索引取出最后一个元素，并打印输出。以上代码的运行结果将输出5。

另一种方法是使用数组的pop方法，该方法用于删除并返回数组的最后一个元素。我们可以先使用pop方法取出最后一个元素，然后再添加回去，以保持原数组不变。示例如下：

const arr = [1, 2, 3, 4, 5];
const lastElement = arr.pop();
arr.push(lastElement);
console.log(lastElement);

通过上面的代码，我们先调用pop方法取出最后一个元素并赋值给lastElement，然后再调用push方法将该元素添加回数组中。最后输出lastElement即为最后一个元素的值，结果同样为5。

ES6引入了解构赋值语法，使得取数组中的元素变得更加简洁和直观。我们可以使用解构赋值来获取最后一个元素，示例如下：

const arr = [1, 2, 3, 4, 5];
const [lastElement] = [...arr].reverse();
console.log(lastElement);

在上述代码中，我们首先使用扩展运算符...将数组arr进行拷贝，然后调用reverse方法将数组倒序排列。最后通过解构赋值取出倒序后数组的第一个元素，即为原数组的最后一个元素。运行结果同样为5。

最后一种方法是利用数组的slice方法来实现，我们可以通过指定起始索引值为-1来截取数组的最后一个元素。示例如下：

const arr = [1, 2, 3, 4, 5];
const lastElement = arr.slice(-1)[0];
console.log(lastElement);

在以上代码中，我们通过slice(-1)方法来截取数组的最后一个元素，并通过索引[0]取出该元素。最后输出lastElement的值同样为5。

通过上述四种方法，我们可以轻松获取数组中的最后一个元素。根据实际需求和喜好，可以选择不同的方式来实现。