javascript中如何快速获取数组最后一个值

 更新时间:2024年01月11日 10:05:18   作者:Leo_Mr  
这篇文章主要介绍了javascript中如何快速获取数组最后一个值问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

如何快速获取数组最后一个值

在不知道快速获取数组最后一个值时,

我的写法是

let arr = [1,2,3,5,1,2,3,6,5,4,1,100];
let index = arr.length - 1 
console.log(arr[index]) 

我们需要获取它的长度再去减1,然后通过下标得到最后一个值,本人认为这样的写法会比较麻烦,其实我们可以使用另外一种方式 = 》Array.prototype.at()

at() 方法接收一个整数值并返回该索引的项目,允许正数和负数。

负整数从数组中的最后一个项目开始倒数。

方括号符号没有问题。

例如,array[0]将返回第一个项目。

然而,对于后面的项目,不要使用array.length

例如,对于最后一个项目,可以调用array.at(-1)。(参见以下示例)

const array1 = [5, 12, 8, 130, 44];
 
let index = 2;
 
console.log(`Using an index of ${index} the item returned is ${array1.at(index)}`);
// expected output: "Using an index of 2 the item returned is 8"
 
index = -2;
 
console.log(`Using an index of ${index} item returned is ${array1.at(index)}`);
// expected output: "Using an index of -2 item returned is 130"

语法 at(index) Copy to Clipboard

参数 index要返回的数组元素的索引(位置)。当传递负数时,支持从数组末端开始的相对索引;也就是说,如果使用负数,返回的元素将从数组的末端开始倒数。

返回值 匹配给定索引的数组中的元素。如果找不到指定的索引,则返回undefined。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 微信小程序实现顶部下拉菜单栏

    微信小程序实现顶部下拉菜单栏

    这篇文章主要为大家详细介绍了微信小程序实现顶部下拉菜单栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 使用微信小程序开发弹出框应用实例详解

    使用微信小程序开发弹出框应用实例详解

    本文通过实例代码给大家介绍了使用微信小程序开发弹出框功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-10-10
  • 基于JavaScript代码实现自动生成表格

    基于JavaScript代码实现自动生成表格

    本文给大家分享一段js代码实现输入表格行数、列数自动生成表格源代码,非常不错具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • 在Javascript中定义对象类别

    在Javascript中定义对象类别

    在Javascript中定义对象类别...
    2006-12-12
  • png在IE6 下无法透明的解决方法汇总

    png在IE6 下无法透明的解决方法汇总

    解决PNG图片在IE6下的透明这类问题谷歌上很多解决方案,属于非常常见的问题,以前我做的时候,这类透明我都是用gif,而直接避开png,所以到现在我并没有去了解过这个问题。今天就把这个问题整理下,解决方案汇总给大家。
    2015-05-05
  • 基于Bootstrap的UI扩展 StyleBootstrap

    基于Bootstrap的UI扩展 StyleBootstrap

    这篇文章主要为大家详细介绍了基于Bootstrap的UI扩展: StyleBootstrap,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 微信小程序纯文本实现@功能

    微信小程序纯文本实现@功能

    这篇文章主要介绍了ZZ需求小程序纯文本实现@功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • 使用JS中的Replace()方法遇到的问题小结

    使用JS中的Replace()方法遇到的问题小结

    这篇文章主要介绍了使用JS中的Replace()方法遇到的问题小结,需要的朋友可以参考下
    2017-10-10
  • 原生JS实现翻书特效

    原生JS实现翻书特效

    这篇文章主要为大家详细介绍了原生JS实现翻书特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript中数据类型转换总结

    JavaScript中数据类型转换总结

    在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。本文将对此进行介绍,具有一定的参考价值,需要的朋友一起来看下吧
    2016-12-12

最新评论