关于javascript:JS数组at函数获取最后一个元素的方法介绍

本文介绍 js 中数组的 at 函数，属于比较简单的常识普及性文章，难度不大。

0x00

首先，咱们能够思考如下一个问题，如果要获取一个数组的最初一个元素 (这是很罕用的操作)，咱们应该怎么做？置信大部分人可能想到的代码是这样的：

let last = array[array.length - 1];

嗯，这是最罕用的获取数组最初一个元素的形式，依此类推获取倒数第二个，第三个的形式相似。当然除了这种形式之外，还有其余的形式，比方：

let last = array.slice(-1)[0]

先通过 slice 获取前面一个元素的数组，而后通过下标 0 获取最初一个元素。

在比方通过 pop 获取最初一个元素：

let last = array.pop()

然而 通过 pop 的形式会扭转数组自身，所以个别不倡议用。

0x01

无论试用下面那种形式，都感觉很繁琐。这就让人艳羡 python 外面的数组操作，能够通过负索引的形式获取最初一个元素，代码如下：

last = array[-1]

js 外面不反对负索引的形式。不过 es6 新增了一个 at 办法，能够获取数组的指定索引的元素，并且反对负索引。负索引从后往前计算，- 1 示意最初一个，-2 示意倒数第二个，依此类推。

因而试用此办法获取最初一个元素会变得简略很多。代码如下：

let last = array.at(-1)

0x02

如果浏览器还不反对这个办法，能够 Polyfill：

function at(n) {// ToInteger() abstract op
    n = Math.trunc(n) || 0;
    // Allow negative indexing from the end
    if (n < 0) n += this.length;
    // OOB access is guaranteed to return undefined
    if (n < 0 || n >= this.length) return undefined;
    // Otherwise, this is just normal property access
    return this[n];
}

const TypedArray = Reflect.getPrototypeOf(Int8Array);
for (const C of [Array, String, TypedArray]) {
    Object.defineProperty(C.prototype, "at",
                          { value: at,
                            writable: true,
                            enumerable: false,
                            configurable: true });
}

参考 https://github.com/tc39/propo…

0x03

如果对前端和可视化感兴趣，能够和我交换，关注公号“ITMan 彪叔”能够获取作者微信号，及时收到更多有价值的文章。