1. JavaScript 获取 数组中的最后一个元素
在JavaScript中，获取数组最后一个元素是一个常见的操作。
根据不同的需求和场景，开发者可以选择多种方式来实现这一目标。
下面将详细介绍几种方法，并讨论它们的特点以及适用场合。
1.1. 使用 length 属性
最直接的方法是利用数组的 length 属性。由于JavaScript中的数组索引是从0开始的，因此可以通过 array[array.length - 1] 来访问最后一个元素。
这种方法不会改变原始数组，适用于大多数情况。例如：
1 2 | const arr = ['apple', 'banana', 'cherry'];console.log(arr[arr.length - 1]); // 输出 "cherry" |
这种方式简单明了，但需要每次计算索引值，可能不如其他方法直观。
1.2. 使用 pop() 方法
pop() 方法会移除并返回数组的最后一个元素。它会改变原数组的内容，所以在不需要保留原数组的情况下可以考虑使用此方法。如果希望保持原数组不变，则不推荐使用 pop()，因为这会导致数据丢失或结构变化。代码示例如下：
1 2 3 4 | const arr = ['apple', 'banana', 'cherry'];const lastElement = arr.pop();console.log(lastElement); // 输出 "cherry"console.log(arr); // 输出 ["apple", "banana"] |
值得注意的是，当数组为空时调用 pop() 将不会对数组进行任何修改，并且返回 undefined 。
1.3. 使用 slice() 方法
slice() 方法可以从现有数组中提取一部分作为新的数组返回。通过传递负数参数 -1 给 slice()，我们可以轻松地得到包含最后一个元素的新数组。不过需要注意的是，slice() 返回的是一个数组而不是单个元素，所以你需要进一步处理以获得具体的值：
1 2 3 | const arr = ['apple', 'banana', 'cherry'];const lastElementsArray = arr.slice(-1);console.log(lastElementsArray[0]); // 输出 "cherry" |
这种方法不会影响到原来的数组，并且对于只需要读取而不打算修改的情况非常有用。
1.4. 使用 at() 方法
从ES2022（ECMAScript 2022）开始，JavaScript引入了一个新的实验性API——at() 方法，它可以接受正整数或负整数作为参数来定位元素的位置。当传入负数时，它将从数组末尾向前查找对应的元素。例如：
1 2 | const arr = ['apple', 'banana', 'cherry'];console.log(arr.at(-1)); // 输出 "cherry" |
at() 提供了一种更加简洁的方式来访问数组两端的元素，特别是在处理多维数组或多类型集合时尤为方便。然而，在撰写本文时，这个特性还在Stage 3阶段，意味着并非所有浏览器都完全支持该功能。为了确保兼容性，你可以在项目中引入 polyfill 或者等待更广泛的采纳后再行使用。
综上所述，选择哪种方法取决于具体的应用场景和个人偏好。
如果你确定不会再次使用原数组并且想要高效地获取最后一个元素，那么 pop() 是最快的选择；而如果你希望能够保留原数组，则应该优先考虑基于 length 属性或者 slice() 的解决方案。至于 at()，虽然提供了更好的语义表达，但在广泛采用之前还需谨慎评估其跨平台的支持程度。
