如何在 JavaScript 中获取数组中的最后一项

当你使用 JavaScript 编程时,你可能需要获取数组中的最后一项。在本教程中,我们将介绍两种不同的方法来做到这一点。

如何获取 JavaScript 数组中的最后一项

方法一:使用索引定位

如果你知道数组的长度,请使用索引定位。

让我们创建一个数组:

const animals = [‘cat’, ‘dog’, ‘horse’]

在这里我们可以看到这个数组中的最后一项是 horse

要获取最后一项,我们可以根据其索引访问最后一项:

const finalElement = animals[2];

JavaScrip 数组是基于零索引的。这就是为什么我们可以使用 animals[2] 访问 horse 元素。如果你不确定零索引的含义,我们将在本教程的后面部分进行介绍。

如果你知道数组的长度,则这种获取数组中最后一项的方法可以行得通。

但是如果你不知道数组的长度怎么办?这个数组,animals,非常小。但是你可能有另一个数组,其中有几十个项目,你可能不知道它的长度。

方法二:当你不知道数组长度时

在不知道数组长度的情况下获取数组中的最后一项:

const lastItem = animals[animals.length - 1];

lastItem 变量现在保存 horse 的值。

让我们分解上面一行中发生的事情。首先,让我们 console log animals.length:

console.log(animals.length);

如果你不熟悉 length 属性,它会返回此数组的长度。这会打印出 3,因为数组中有 3 个项目。

之前我们了解到 JavaScript 数组是零索引的。这只是意味着在 JavaScript 数组中,你从零开始计数,而不是从一开始计数。我们可以通过查看我们的 animals 数组来看到这一点。 cat 位于索引 0dog 位于索引 1,而 horse 位于索引 2

你可能仍然感到困惑。我们刚刚了解到,animals.length 会告诉我们数组中有多少项。我们还了解到,对于 JavaScript 数组,我们从零开始计数,而不是从一开始计数。但这如何帮助解释为什么我们可以通过使用 animals[animals.length - 1] 来获取该数组中的最后一项?

让我们想象一下,JS 数组不是从零开始的,我们从 1 开始计数,这是我们在现实世界中通常计算事物的方式。

使用animals 数组,我们可以快速开始计数,第一项 cat 的索引为 1dog 的索引为 2horse 的索引为 3。这里的关键是,基于一索引时,最后一项的索引是数组的长度。如果数组的长度为 3,则你知道数组中的最后一个元素的索引为 3。因此 animals[3] 的计算结果为 horse

然而 JavaScript 数组是从 0 开始的。所以如果我们想找出 JavaScript 数组中最后一项的索引,我们可以从数组的长度中减去 1:

animals[animals.length - 1];

在括号内,animals.length - 1 的计算结果为 2。我们现在有了数组中的最后一项。

在本文中,我们学习了两种获取 JavaScript 数组中最后一项的方法。

感谢你阅读本文!