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

这篇文章发布于

DeathGhost 编辑, 归类于javascript » 当前评论0条。

查找数组元素是Web前端开发过程中常见的任务,如:查找数组中符合条件的元素或其下标。通常会通过find与findIndex方法查找元素与下标进行相应处理;以及查找数组中第一个元素或最后一个元素又或某一位置元素。

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

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

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

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

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


at() find() findIndex() findLast() findLastIndex()