前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js获取数组最后一位元素的几种方法

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

原创
作者头像
IT工作者
发布2022-05-12 14:48:48
3.6K0
发布2022-05-12 14:48:48
举报
文章被收录于专栏:程序技术知识程序技术知识

各位前端的小伙伴还在用array[array.length - 1]来获取数组最后一位元素的值吗?这里介绍几种比较好用的方法,推荐给大家。

1. length-1(入门)

代码语言:javascript
复制
const arr = [1, 2, 3, 4];
console.log(arr[arr.length - 1]); // 4

2. slice(-1)[0]

截取数组最后一位(返回的是个数组)

代码语言:javascript
复制
const arr = [1, 2, 3, 4];
console.log(arr.slice(-1)[0]);

3. pop()

pop():删除数组最后一位元素并返回被删除的元素,不过会改变原数组(慎用),如果想用这个并不改变原数组的话可以选择先拷贝一份原数组。

代码语言:javascript
复制
const arr = [1, 2, 3, 4];
const arrCopy = arr.concat();
console.log(arrCopy.pop()); // 4
console.log(arr); // [1, 2, 3, 4]

4. at(index)

.at(index): 可以获取到index索引处的元素(就是这么直接)

.at()是ES2022的新语法,目前兼容性还不是很好,慎用!

.at()支持正索引和负索引

代码语言:javascript
复制
const arr = [1, 2, 3, 4];
console.log(arr.at(0)); // 1   
console.log(arr.at(1)); // 2
console.log(arr.at(2)); // 3

console.log(arr.at(-1)); // 4
console.log(arr.at(-2)); // 3

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档