js 获取数组最后一项|极客笔记

js 获取数组最后一项

在JavaScript中，获取数组的最后一项是一种非常常见的操作。通常情况下，我们可以通过数组的长度来获取最后一项的索引，然后使用该索引来访问数组的最后一项。除此之外，还有其他一些方法可以实现获取数组的最后一项的目的。在本文中，我们将详细介绍这些方法以及它们的应用场景。

最简单的方法是通过数组的长度来获取最后一项的索引，然后再通过该索引来访问数组的最后一项。在JavaScript中，数组的长度可以通过length属性来获取。以下是一个示例代码：

const arr = [1, 2, 3, 4, 5];
const lastIndex = arr.length - 1;
const lastItem = arr[lastIndex];

console.log(lastItem); // 输出：5

在上面的代码中，我们先获取数组arr的长度，然后将长度减去1得到最后一项的索引lastIndex，最后通过lastIndex来访问数组的最后一项lastItem。这种方法非常简单直观，适用于大多数情况。

除了通过索引的方法之外，JavaScript中的数组还提供了pop方法用于删除数组的最后一项并返回该项。虽然pop方法的主要作用是删除数组的最后一项，但是我们也可以利用这个方法来获取数组的最后一项，如下所示：

const arr = [1, 2, 3, 4, 5];
const lastItem = arr.pop();

console.log(lastItem); // 输出：5
console.log(arr); // 输出：[1, 2, 3, 4]

在上面的代码中，我们使用pop方法获取数组arr的最后一项，并将其赋值给lastItem。值得注意的是，使用pop方法会改变原数组，即数组arr的最后一项5会被删除，并且数组的长度会减一。

除了pop方法之外，我们还可以使用slice方法来获取数组的最后一项。slice方法可以创建一个新的数组，其中包含从开始到结束（不包括结束）选择的数组中的元素。当我们传递负数作为slice方法的参数时，它会从数组的末尾开始计数。以下是一个示例代码：

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

console.log(lastItem); // 输出：5

在上面的代码中，我们使用slice方法传入负数-1来获取数组arr的最后一项，并且通过[0]来获取到这个新数组的第一个元素，即数组的最后一项。需要注意的是，使用slice方法并不会改变原数组，原数组仍保持不变。

在ES6中，我们可以使用解构赋值来轻松地获取数组的最后一项。解构赋值是一种快速方便的语法，可以将数组或对象中的值解构到不同的变量中。以下是一个示例代码：

const arr = [1, 2, 3, 4, 5];
const [ , , , , lastItem] = arr;

console.log(lastItem); // 输出：5

在上面的代码中，我们使用了解构赋值语法，将数组arr中的前四个元素解构赋值给了四个空变量，然后将最后一个元素赋值给了lastItem。这种方法简洁高效，适用于需要获取数组最后一项的场景。

本文详细介绍了在JavaScript中获取数组的最后一项的几种方法，包括通过数组长度获取、使用pop方法、使用slice方法以及使用ES6的解构赋值。每种方法都有其特点和适用场景，可以根据具体情况选择合适的方法来获取数组的最后一项。