全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

获取数组最后一个元素的几种方法

发布时间:2023-11-23 22:51:16
发布人:xqq

一、使用数组长度方法获取

获取数组最后一个元素的一种简单方法是使用数组的长度方法。数组的长度属性返回数组中元素的数量。数组中的第一个元素可以通过索引0访问,最后一个元素可以通过索引array.length-1访问。因此,最后一个元素的索引为array.length-1。


let array = [1,2,3,4,5];
let lastElement = array[array.length-1];
console.log(lastElement); //输出5

使用以上代码,我们可以得到数组中的最后一个元素5。

二、使用pop()方法获取

JavaScript中的array.pop()方法用于移除数组的最后一个元素,并返回该元素的值。可以先使用该方法来获取最后一个元素,并将其存储在变量中。


let array = [1,2,3,4,5];
let lastElement = array.pop();
console.log(lastElement); //输出5
console.log(array); //输出[1,2,3,4]

上述代码还展示了如何使用pop()方法将最后一个元素从数组中删除。

三、使用slice()方法获取

JavaScript中的array.slice()方法用于从原数组中选取一部分元素,并返回一个新数组。可以使用该方法来获取原数组中的最后一个元素。


let array = [1,2,3,4,5];
let lastElement = array.slice(-1)[0];
console.log(lastElement); //输出5

上述代码中,使用slice()方法获取了数组的最后一个元素,-1用于告知slice()方法从数组的最后一个元素开始选取,[0]用于将选取的最后一个元素存储在变量中。

四、使用reduce()方法获取

JavaScript中的array.reduce()方法可以迭代数组中所有元素并返回一个值。可以使用该方法来获取最后一个元素。array.reduce()方法的第二个参数是要返回的初始值,因此,可以将初始值设置为数组的最后一个元素,以便返回该元素。


let array = [1,2,3,4,5];
let lastElement = array.reduce((acc,cur,index,array)=>{
    if(index===array.length-1){
        return cur;
    }
    else{
        return acc;
    }
},0);
console.log(lastElement); //输出5

使用reduce()方法,我们可以得到数组中的最后一个元素5。

五、使用pop()方法和shift()方法获取

JavaScript中的array.shift()方法可以将数组的第一个元素删除,并返回该元素的值。可以先使用pop()方法删除数组的前面所有元素,最后一个元素就变成了数组的第一个元素。然后可以使用shift()方法来获取这个数组中的第一个元素,也就是原数组的最后一个元素。


let array = [1,2,3,4,5];
let lastElement = array.pop();
while(array.length){
    array.shift();
}
console.log(lastElement); //输出5

使用以上代码,我们可以得到数组中的最后一个元素5。需要注意的是,整个数组现在已经为空数组。

数组的最后一个元素

相关文章

input隐藏属性设置用法介绍

input隐藏属性设置用法介绍

2023-11-23
Idea快捷键trycatch

Idea快捷键trycatch

2023-11-23
linux使用代码改成中文乱码,linux修改编码方式

linux使用代码改成中文乱码,linux修改编码方式

2023-11-23
如何在zsh和bash之间切换

如何在zsh和bash之间切换

2023-11-23

最新文章

武汉新媒体行业公司排名

武汉新媒体行业公司排名

2023-11-01
武汉新媒体就业现状好吗

武汉新媒体就业现状好吗

2023-11-01
武汉全媒体行业发展现状及趋势

武汉全媒体行业发展现状及趋势

2023-10-31
武汉全媒体现状

武汉全媒体现状

2023-10-31
在线咨询 免费试学 教程领取