网站首页 > 知识剖析 正文
在TypeScript中,获取数组的最后一项有几种常见方式:
直接通过数组的 length 属性和下标访问
const array: any[] = [1, 2, 3, 4, 5];
const lastElement = array[array.length - 1];
console.log(lastElement); // 输出 5
使用 ES6 的解构赋值
const array: number[] = [1, 2, 3, 4, 5];
const [, ...rest, last] = array;
console.log(last); // 输出 5
使用 pop() 方法(该方法会改变原数组)
const array: number[] = [1, 2, 3, 4, 5];
const lastElement = array.pop();
console.log(lastElement); // 输出 5,此时array变为[1, 2, 3, 4]
使用 slice() 方法(不会改变原数组):
const array: number[] = [1, 2, 3, 4, 5];
const lastElement = array.slice(-1)[0];
console.log(lastElement); // 输出 5
其中,第一种方法最为常见且直观,适用于大多数场景。而第三种方法虽然最快,但改变了原数组,如果不是有意为之,通常不推荐这样做。第四种方法使用了负索引,它可以从数组的末尾开始截取元素,同样不会影响原数组。
猜你喜欢
- 2024-11-10 PHP数组学习笔记(1) php数组有哪几种类型
- 2024-11-10 Rust语言入门教程 数组和切片 rust语言例子
- 2024-11-10 javascript自学笔记:Array类型1 javascript自学笔记:array类型1怎么解决
- 2024-11-10 Array.from详解: 语法、功能与应用场景
- 2024-11-10 帮你精通JS:解析与盘点数组array的5类22种方法
- 2024-11-10 10 个实用的 JS 技巧 js常用方法大全
- 2024-11-10 WordPress 内置的数组处理相关函数大全
- 2024-11-10 3分钟短文 | PHP获取函数的代码片段,唯有反射最高效
- 2024-11-10 JS 中的类数组对象如何转换为数组?
- 2024-11-10 Go 中的循环是如何转为汇编的?看完你懂了吗?
- 最近发表
-
- Zion无代码,小程序授权和解绑,无代码开发的关键
- 韦德二儿子“变”女儿,韦德支持儿子,与魔术师约翰逊经历相同
- 新鞋速报|Swoosh 面世 50 年!Nike Waffle Trainer 2致敬 Nike 的起源
- 李宁韦德之道2低帮版"踏冰" 球鞋曝光
- Zion又壮了!首秀顶翻1.9亿内线!英格拉姆单臂隔扣
- 音乐手游《zion载音》迎更新 钢琴白发少女免费带回家
- AI 应用赚钱工具哪家强?Coze 和 Zion 对比分析
- 韦德12岁次子完成变性手术,心情雀跃身姿妖娆
- 韦德晒全家福,他穿浴袍像中东土豪,二儿子扎雅比尤尼恩还性感
- 每日NBA球星上脚球鞋「5月12日」(近期nba球星上脚球鞋)
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)