如何快速获取集合(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() 是否更适合您的需求。

浏览器支持情况:

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

上一篇:麒麟部署平台应用启动和停止脚本模板


下一篇:使用 HTML、CSS 和 JavaScript 制作模拟时钟(初学者教02程)