JavaScript 数组 array.at() 获取数组中最后一个元素

超、凢脫俗 2023-10-07 18:42 18阅读 0赞

> 志在巅峰的攀登者，不会陶醉在沿途的某个脚印之中，在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。

##### 1slice() 方法 #####

slice() 方法 可提取字符串的某个部分，并以新的字符串返回被提取的部分；也可用于数组的提取。

const array = ['1', '2', '3','4', '5', '6'];
        let arr2 = array.slice(1,3);
        let arr3 = array.slice(1,4);
        console.log(arr2)//['2', '3']
        console.log(arr3)//['2', '3', '4']

*  start 要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。
 *  end 紧接着要抽取的片段的结尾的下标。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

##### 2 at 方法 #####

在之前，我们一般使用方括号通过索引访问数组元素：array\[index\]，如果指定的索引是一个无效值，JavaScript 数组并不会报错，而是会返回 undefined。

const array = ['1', '2', '3'];
    console.log(arr[0])   // 1
    console.log(arr[1])   // 2

访问数组的最后一个元素：

console.log(arr[arr.length - 1]) // 3

Array.prototype.at()，方法接收一个整数值并返回该索引的项目，允许正数和负数。负整数从数组中的最后一个项目开始倒数。

方括号符号没有问题，但对于后面的项目，可以调用array.at(-1)，无须再访问 array.length

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

--------------------

*  [点击查看][Link 1]  
    ![请添加图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]

--------------------

*  [点击查看][Link 2]

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

[Link 1]: https://item.jd.com/13495868.html
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/ed9ecf4aacc84e5cb17d5b486e431083.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16
[Link 2]: https://item.jd.com/13009851.htmll
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/0b0016200df2484aa2029c1b20224fee.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center