JS教你轻松获取数组最后一个元素！这四个方法你必须知道！

“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《JS如何取数组最后一个元素？这四种方法太实用了！》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

获取JavaScript数组最后一个元素最直接的方法是使用array[array.length - 1]，但并非最佳选择。1. array[array.length - 1]：基础且简单，但需计算索引，性能敏感场景可能不优；2. slice(-1)[0]：简洁但创建新数组，有内存开销；3. pop()：返回并移除最后一个元素，缺点是修改原数组；4. 扩展运算符结合reverse()：不推荐，效率低且修改原数组；若要求不修改原数组，则推荐slice(-1)[0]或array[array.length - 1]；性能方面，array[array.length - 1]通常最快，slice(-1)[0]略慢，pop()和reverse()因修改数组性能更差；在空数组上使用时，所有方法均返回undefined，不会报错，但应提前判断数组是否存在及长度以避免意外结果。

获取JavaScript数组最后一个元素，最直接的方法就是使用array[array.length - 1]，但这并不是唯一的选择，甚至不一定是最佳选择。下面介绍几种更简洁、更高效的方式。

解决方案

1. 直接访问array[array.length - 1]： 这是最基础的方法，理解起来也最简单。但每次都要计算array.length - 1，在性能敏感的场景下可能不是最优。

   

2. 使用slice(-1)[0]： slice(-1)会返回一个包含最后一个元素的新数组，然后通过[0]访问这个数组的第一个（也是唯一一个）元素。这种方法的优点是简洁，缺点是创建了一个新的数组，有额外的内存开销。

3. 使用pop()方法： pop()方法会移除数组的最后一个元素并返回该元素。 注意：pop()会修改原数组。 如果你不需要保留原数组，这可能是最简洁的方法。

   let arr = [1, 2, 3, 4, 5];
   let last = arr.pop();
   console.log(last); // 输出 5
   console.log(arr);  // 输出 [1, 2, 3, 4]

4. 使用扩展运算符和reverse()方法（不推荐）： 先使用reverse()反转数组，然后取第一个元素。 强烈不推荐这种方法，因为它会修改原数组，并且效率较低。 除非你真的需要反转数组，否则不要使用这种方式。

   let arr = [1, 2, 3, 4, 5];
   arr.reverse();
   let last = arr[0];
   console.log(last); // 输出 5
   console.log(arr); // 输出 [5, 4, 3, 2, 1]  //原数组被修改

如何在不修改原数组的情况下获取最后一个元素？

这是个非常重要的问题。如果你的代码需要保持原数组不变，那么pop()方法和使用reverse()方法都是不可接受的。 最佳实践是使用slice(-1)[0]或者array[array.length - 1]。slice()虽然会创建新数组，但避免了修改原数组，保证了数据的安全性。 在函数式编程中，避免副作用是非常重要的。

性能考量：哪种方式最快？

通常来说，array[array.length - 1]的性能是最好的，因为它避免了创建新数组或修改原数组。slice(-1)[0]的性能略差，因为它需要创建一个新的数组。pop()和reverse()因为涉及到修改原数组，所以性能最差，并且不推荐使用。 可以使用console.time()和console.timeEnd()来测试不同方法的性能，根据实际情况选择。

在空数组上使用这些方法会发生什么？

这是一个边界情况，需要特别注意。

• array[array.length - 1]： 如果数组为空，array.length为0，那么array[array.length - 1]会尝试访问array[-1]，在JavaScript中会返回undefined，不会报错，但需要注意这个返回值。

• slice(-1)[0]： 如果数组为空，slice(-1)会返回一个空数组[]，然后[0]会尝试访问这个空数组的第一个元素，结果也是undefined。

• pop()： 如果数组为空，pop()会返回undefined，并且数组仍然为空。

• reverse()： 如果数组为空，reverse()会直接返回空数组，不会报错。

因此，在使用这些方法之前，最好先判断数组是否为空，避免出现意料之外的结果。可以使用if (array && array.length > 0)来进行判断。

今天关于《JS教你轻松获取数组最后一个元素！这四个方法你必须知道！》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！