JavaScript中多种获取数组最后一个元素的策略。

简介: 欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。

⭐  专栏简介


       欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。



       同时,我们也会关注最新的前端趋势和发展动态。随着Web技术的不断演进,前端开发也在不断推陈出新。我们会及时介绍最新的前端框架、工具和技术,使你能够站在前沿,与时俱进。通过掌握最新的前端技术,你将能够在竞争激烈的Web开发领域中有更大的竞争力。




📘 文章引言


在 JavaScript 中,获取数组最后一个元素有多种方式可供选择。下面将介绍其中的几种方案。


📘 方案一:使用数组长度


可以使用数组的 length 属性来获取数组的长度,然后用 length-1 的下标获取最后一个元素。

var arr = [1,2,3,4,5];
var lastEle = arr[arr.length-1];
console.log(lastEle); // 5


📘 方案二:使用数组的 pop 方法


pop() 方法可以删除数组的最后一个元素并返回该元素的值。

var arr = [1,2,3,4,5];
var lastEle = arr.pop();
console.log(lastEle); // 5
console.log(arr); // [1,2,3,4]


需要注意的是,该方法会改变原数组。


📘 方案三:使用数组的 slice 方法


slice() 方法可以返回数组的一部分,可以传入一个负数作为参数,从数组末尾开始计算。

var arr = [1,2,3,4,5];
var lastEle = arr.slice(-1)[0];
console.log(lastEle); // 5
console.log(arr); // [1,2,3,4,5]


需要注意的是,该方法不会改变原数组。


📘 方案四:使用数组的 reduce 方法


reduce() 方法可以对数组中的每个元素进行累加,并返回最终结果。我们可以将累加器的初始值设为数组的最后一个元素。

var arr = [1,2,3,4,5];
var lastEle = arr.reduce(function(prev, curr) {
  return curr;
});
console.log(lastEle); // 5
console.log(arr); // [1,2,3,4,5]


需要注意的是,该方法不会改变原数组。


⭐  写在最后


请大家不吝赐教,在下方评论或者私信我,十分感谢🙏🙏🙏.


✅ 认为我某个部分的设计过于繁琐,有更加简单或者更高逼格的封装方式


✅ 认为我部分代码过于老旧,可以提供新的API或最新语法


✅ 对于文章中部分内容不理解


✅ 解答我文章中一些疑问


✅ 认为某些交互,功能需要优化,发现BUG


✅ 想要添加新功能,对于整体的设计,外观有更好的建议


最后感谢各位的耐心观看,既然都到这了,点个 👍赞再走吧!

相关文章
|
13天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
13天前
|
JavaScript Java
JS有趣的灵魂 清空数组
JS有趣的灵魂 清空数组
|
1月前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
12 1
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
6天前
|
JavaScript 前端开发 索引
JavaScript 数组中的增、删、改、查
JavaScript 数组中的增、删、改、查
|
7天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
7天前
|
JavaScript 前端开发
js添加、删除、替换或插入元素。
js添加、删除、替换或插入元素。
8 0
|
20天前
|
JavaScript 前端开发
JavaScript数组的功能内置类型
数组是JavaScript的内置类型,JavaScript数组的功能特别强大。下面简单介绍一下JavaScript数组。
|
21天前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)