本文介绍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彪叔” 能够获取作者微信号，及时收到更多有价值的文章。