访问 TypeScript 数组的最后一个元素答案

【问题标题】：Access last element of a TypeScript array访问 TypeScript 数组的最后一个元素
【发布时间】：2015-09-25 10:32:08
【问题描述】：

TypeScript 中是否有访问数组最后一个元素的符号？在 Ruby 中，我可以说：array[-1]。有没有类似的？

【问题讨论】：

【解决方案1】：

您可以通过索引访问数组元素。数组中最后一个元素的索引将是数组 1 的长度（因为索引是从零开始的）。

这应该可行。

var items: String[] = ["tom", "jeff", "sam"];

alert(items[items.length-1])

Here 是一个工作示例。

【讨论】：

这对我来说不像是一个“符号”。
我同意阿米特的观点。到目前为止，我还没有找到“符号”。下一个更简洁但仍然不是符号的最佳方法是 items.slice(-1)。
我不是很在意，但如果你觉得这不是一个好的答案，你为什么要这样标记它？
@pitosalas slice 返回一个数组...正如您已经发现的那样：stackoverflow.com/a/31277569/390330 :)

【解决方案2】：

如果以后不需要数组，可以使用

array.pop()

但这会从数组中删除元素！

pop 返回T | undefined，因此您需要在实现中注意这一点。

如果您确定总会有一个值，您可以使用非空断言运算符 (!)：

     var poped = array.pop()
     array.push(poped!);

【讨论】：

它也可能发出警告为Type 'undefined' is not assignable to type 'string'
我们的目标是在不必要的情况下不修改数据结构。一般来说，我们应该争取不变性，仅仅为了访问而修改结构是不明智的。

【解决方案3】：

这是另一种尚未提及的方式：

items.slice(-1)[0]

【讨论】：

考虑到这会创建一个几乎完整的数组副本，我认为这不是最好的答案。如果数组很大，这在性能方面不是一个好方法。
@Loop slice(-1) 不会创建所有数组的副本。它只会将最后一个元素复制到新数组中。我相信这是一个简洁的解决方案。当我们每次创建一个包含一个元素的一次性数组只是为了获取它的元素时，没有过度调用它的最佳解决方案。问题不大，但无论如何都没有必要。

【解决方案4】：

以下是汇总在一起的选项，适合像我这样迟到的人。

var myArray = [1,2,3,4,5,6];

// Fastest method, requires the array is in a variable
myArray[myArray.length - 1];

// Also very fast but it will remove the element from the array also, this may or may 
// not matter in your case.
myArray.pop();

// Slowest but very readable and doesn't require a variable
myArray.slice(-1)[0]

【讨论】：

slice 真的比其他人慢很多吗？ pop 也是函数调用。

【解决方案5】：

如果您更频繁地需要此调用，可以全局声明它：

interface Array<T> {
    last(): T | undefined;
}
if (!Array.prototype.last) {
    Array.prototype.last = function () {
        if (!this.length) {
            return undefined;
        }
        return this[this.length - 1];
    };
}

然后你就可以打电话了

items.last()

【讨论】：

我如何在全球范围内声明它？

【解决方案6】：

我将使用这个作为我对 stackoverflow 的第一个贡献：

var items: String[] = ["tom", "jeff", "sam"];

const lastOne = [...items].pop();

注意：与不使用扩展运算符的 pop() 不同，此方法不会从原始数组中删除最后一个元素。

【讨论】：

糟糕！这是创建数组的全新副本。所以性能几乎是相当糟糕的。

【解决方案7】：

自 2021 年 7 月起，浏览器开始支持数组的 at() 方法，该方法允许使用以下语法：

const arr: number[] = [1, 2, 3];

// shows 3
alert(arr.at(-1));

我不清楚 TypeScript 将在什么时候开始支持此功能（它现在还不适合我），但我猜它应该很快就会可用。

【讨论】：

typescript 尚不支持——看起来他们正在这里跟踪它：github.com/microsoft/TypeScript/issues/45512
就是现在！ github.com/microsoft/TypeScript/issues/…

【解决方案8】：

const arr = [1, 3, 6, 2];
console.log(...arr.slice(-1)); // 2

【讨论】：

在这里使用点差是个好主意吗？我们只想要一个元素。