如何在 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
位于索引 0
,dog
位于索引 1
,而 horse
位于索引 2
。
你可能仍然感到困惑。我们刚刚了解到,animals.length
会告诉我们数组中有多少项。我们还了解到,对于 JavaScript 数组,我们从零开始计数,而不是从一开始计数。但这如何帮助解释为什么我们可以通过使用 animals[animals.length - 1]
来获取该数组中的最后一项?
让我们想象一下,JS 数组不是从零开始的,我们从 1 开始计数,这是我们在现实世界中通常计算事物的方式。
使用animals
数组,我们可以快速开始计数,第一项 cat
的索引为 1
,dog
的索引为 2
,horse
的索引为 3
。这里的关键是,基于一索引时,最后一项的索引是数组的长度。如果数组的长度为 3,则你知道数组中的最后一个元素的索引为 3
。因此 animals[3]
的计算结果为 horse
。
然而 JavaScript 数组是从 0
开始的。所以如果我们想找出 JavaScript 数组中最后一项的索引,我们可以从数组的长度中减去 1:
animals[animals.length - 1]
;
在括号内,animals.length - 1
的计算结果为 2
。我们现在有了数组中的最后一项。
在本文中,我们学习了两种获取 JavaScript 数组中最后一项的方法。
感谢你阅读本文!