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。

总结

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

相关文章

  • 微信小程序用户授权最佳实践指南

    微信小程序用户授权最佳实践指南

    这篇文章主要给大家介绍了关于微信小程序用户授权最佳实践的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • Bootstrap Modal对话框如何在关闭时触发事件

    Bootstrap Modal对话框如何在关闭时触发事件

    这篇文章主要为大家详细介绍了Bootstrap Modal对话框如何在关闭时触发事件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 利用types增强vscode中js代码提示功能详解

    利用types增强vscode中js代码提示功能详解

    这篇文章主要给大家介绍了如何增强vscode中js代码提示功能的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-07-07
  • 浅谈JavaScript作用域和闭包

    浅谈JavaScript作用域和闭包

    本篇文章主要介绍了JavaScript作用域和闭包,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • JavaScript用Number方法实现string转int

    JavaScript用Number方法实现string转int

    parseInt方法在format'00'开头的数字时会当作2进制转10进制,所以建议string转int最好用Number方法
    2014-05-05
  • avalonjs制作响应式瀑布流特效

    avalonjs制作响应式瀑布流特效

    瀑布流主要应用在图片展示页面上。如果有一大批图片需要展示,原始图片尺寸不一致,又希望每张图片都能不剪裁,完整显示,那么就要给图片规定一个宽度,解放它们的高度。利用网页高度不限这个特性,充分利用页面的空间,尽可能的展示多的图片。下面我们就来详细探讨下
    2015-05-05
  • 轻量级JavaScript模糊搜索库Fuse.js入门教程

    轻量级JavaScript模糊搜索库Fuse.js入门教程

    Fuse.js是一个功能强大且易于使用的模糊搜索库,它的轻量级设计和高度可配置性使其成为前端搜索的绝佳选择,本文给大家介绍轻量级JavaScript模糊搜索库Fuse.js入门教程,感兴趣的朋友跟随小编一起看看吧
    2025-11-11
  • 使用Axios结合Typescript二次封装完整详细场景使用案例

    使用Axios结合Typescript二次封装完整详细场景使用案例

    本文详细介绍了如何使用TypeScript对Axios进行二次封装,以提高HTTP请求的统一管理和可维护性,通过创建Axios实例、封装请求和响应处理、错误处理以及创建特定的API服务,可以实现更加一致和方便的API调用,需要的朋友可以参考下
    2024-11-11
  • javascript图片预加载实例分析

    javascript图片预加载实例分析

    这篇文章主要介绍了javascript图片预加载的方法,实例分析了javascript实现图片预加载的方法与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)

    基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)

    这篇文章主要介绍了基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)的相关资料,需要的朋友可以参考下
    2015-12-12

最新评论