如何快速获取集合(array/string/typescript)倒数第N个元素

作者：adajuly

前言

当我们访问一个集合中靠近末尾的元素时，at 方法可以更容易且更高效的帮我们获取到，at 方法是 Array.prototype 的新属性 ，并且 TypedArray 以及 Spring 的原型上也都有这个属性。

正文

从一个集合的末尾开始访问第 N 个元素在我们的日常开发中会经常遇到这样的场景。通常我们使用的方法是冗长的，比如 my_array[my_array.length-N]，或者不考虑性能的时候，采用 my_array.slice(-N)[0]的方式获取。新属性 at 方法通过将负索引解释为“从最后”来使此操作更符合通常说的人体工程学，上面说的到实例使用 at 方法为 my_array.at(-N)即可获取到需要的数据。

为了统一，at 方法还支持正索引，这就相当于普通的属性访问。

at 方法的复杂度非常低，它的完整语义可以用下面这个兼容的 polyfill 实现理解：

   function at(n) {
        // 把入参转化为整数
        n = Math.trunc(n) || 0;
        // 允许从末尾开始负索引
        if (n < 0) n += this.length;
        // 越界则访问返回未定义
        if (n < 0 || n >= this.length) return undefined;
        // 否则，这只是正常的属性访问
        return this[n];
    }  

字符串上的 at 方法使用说明：

由于 at 方法最终执行的是普通索引，所以在 string 上调用 at 方法返回的是一个代码单元，就像普通索引一样。代码单元可能不是您想要的 Unicode 字符串！请考虑 String.prototype.codePointAt() 是否更适合您的需求。

浏览器支持情况：