at 相对索引方法 - 查找元素

使用find可以查找数组中的元素，findIndex可以查找元素的下标值（开始位置查找）；又或者后续支持的findLast与findLastIndex方法（末端查找）；不论开始位置还是末端位置查找，这些是根据条件查找符合条件的第一个元素值。

当你想获得数组中最后一个元素时，通常会这样：

array[array.length - N]

const arr = ['HTML', 'CSS', 'JavaScript', 'Angular'];
console.log(arr[arr.length - 1]);
// Angular

或者使用 slice() 方法获取

array.slice(-N)[0]

const arr = ['HTML', 'CSS', 'JavaScript', 'Angular'];
console.log(arr.slice(-1)[0]);
// Angular

最终均可获取所需值，但感觉还是比较麻烦；所以继续往下看。

at 方法

array.at(-N)

负数则是从最后开始（-1），也支持正索引（0）。

同上示例，使用 at 方法获取末尾元素。

const arr = ['HTML', 'CSS', 'JavaScript', 'Angular'];
console.log(arr.at(-1));
// Angular
console.log(arr.at(-2));
// JavaScript
console.log(arr.at(-3));
// CSS
console.log(arr.at(-4));
// HTML
console.log(arr.at(-5));
// undefined

/** 正索引 */
console.log(arr.at(0));
// HTML
// ...

0 开始位置，-1 末尾开始位置；如果未找到则返回 undefined 。

字符串使用 at 方法

const str = 'Web前端 - 新码笔记';
str.at(1)
// e

项目开发过程中时常会遇到此类处理，这个方法小巧易记，希望对你有用。