在 JavaScript 中获取数组的最后一个元素

在 JavaScript 中获取数组的最后一个元素

Get the last Element of an Array in JavaScript

在 JavaScript 中使用该Array.at()方法获取数组的最后一个元素，例如const last = arr.at(-1).

当传递负索引时，该Array.at()方法通过从数组末尾倒数返回一个元素。

const arr = ['a', 'b', 'c'];

const last = arr.at(-1);
console.log(last); // 👉️ "c"

我们使用
Array.at()
方法在 JavaScript 中获取数组的最后一个元素。

该方法采用的唯一参数是index要返回的数组元素的 。

该Array.at()方法返回数组中与提供undefined的索引匹配的元素，或者如果找不到索引。

您可以通过以下方式之一检查last变量是否未存储值：undefined

const arr = ['a', 'b', 'c'];

const last = arr.at(-1);
console.log(last); // 👉️ "c"

if (last !== undefined) {
  console.log(last.toUpperCase()); // 👉️ "C"
}

console.log(last?.toUpperCase()); // "C"

该if语句和
可选的链接 (?.)
运算符排除了undefined使我们能够使用特定于类型的内置方法的值的可能性。

undefined如果引用是or ，则可选的链接 (?.) 运算符会短路，而不是抛出错误null。

或者，您可以访问最后一个数组索引处的元素。

使用#的索引获取数组的最后一个元素arr.length - 1

访问索引处的数组array.length - 1以获取 JavaScript 中数组的最后一个元素，例如const lastElement = arr[arr.length - 1];.

该表达式返回数组中最后一个元素的索引。

const arr = ['a', 'b', 'c'];

const lastElement = arr[arr.length - 1];
console.log(lastElement); // 👉️ c

获取数组最后一个元素的其他方法包括Array.pop()和
Array.slice()。

您可以通过调用pop数组上的方法来获取数组的最后一个元素。

该pop方法改变了原始数组，删除并返回它的最后一个元素。

const arr = ['a', 'b', 'c'];

// 👇️ mutates the original array
const lastElement = arr.pop();
console.log(lastElement); // 👉️ c

console.log(arr) // 👉️ ['a', 'b']

Array.pop方法返回数组的

最后一个元素，但它也会改变原始数组。

调用pop数组上的方法会删除最后一个元素，使数组只剩下 2 个元素。如果您必须对数组执行其他操作，这可能会造成混淆。

或者，您可以使用该Array.slice()方法。

使用 Array.slice() 获取数组的最后一个元素

获取数组的最后一个元素：

1. -1作为参数传递给Array.slice()方法
2. 该方法将返回一个新数组，其中包含原始数组的最后一个元素。
3. 在索引处访问新数组0。

const arr = ['a', 'b', 'c'];

const lastElement = arr.slice(-1)[0];
console.log(lastElement); // 👉️ c

传递-1给
Array.slice
方法意味着我们想要一个只包含原始数组最后一个元素的新数组。

然后我们将新数组中的唯一元素分配给一个变量。

该Array.slice方法不会改变原始数组，它会返回一个新数组。