在javascript中从数组中获取最后一个元素的5种方法

256 阅读2分钟

这是一个关于从数组中获取最后一个元素的多种方法的简短教程

让我们声明一个数组的例子

let array=[12,1,8,9];

在任何编程语言中,数组总是以index=0开始,这意味着array[0]返回第一个元素,array[array.length-1]返回数组的最后一个元素。

Array.length 属性返回数组的长度。

以下是我们在JavaScript中获取数组最后一个元素的多种方法 以上代码,数组的最后一个元素是9。

使用数组索引获取最后一个元素,而不改变原始数组

由于array.length ,返回其中的元素数。数组总是从零索引开始,最后一个元素的索引是array.length-1

console.log(array[array.length-1]);

这是从数组中选择最后一个元素的简单而快速的方法。

这在所有的浏览器上都适用

array pop()方法返回数组中的最后一个元素,但是它修改了原数组,删除了最后一个元素。

console.log(array.length); // 4
console.log(array.pop()); // 9
console.log(array.length); // 3

如何在不改变原数组的情况下选择最后一个元素?

Ecmascript (ES6) array slice方法获得数组的最后一个元素

array.slice是ES6 JavaScript中的一个方法。它返回一个数组的浅层拷贝并创建一个从起始索引到结束索引的新数组。

console.log(array.length); //4 
console.log(array.slice(-1)); // (1) [9]
console.log(array.slice(-1)[0]); // 9
console.log(array.length); //3

通过破坏性的赋值运算符,同样可以简化如下

[lastElement] = array.slice(-1);
console.log(lastElement); //9

使用反向方法来获取最后一个元素

这也是一个简单的方法,使用reverse()方法反转一个原始数组。接下来,使用index=0获得第一个元素

var reverseArray = array.reverse(); 
console.log(reverseArray[0]) // 9

使用第三方库选择最后一个元素

第三方库如UnderscoreJs,LodashRamda 提供了实用的函数。

last 函数返回一个数组的最后一个元素。

_.last(array);

这是一个简单的方法,需要将这些库导入到一个应用程序中。