网站首页 > 知识剖析 正文
在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 中的循环是如何转为汇编的?看完你懂了吗?
- 最近发表
- 标签列表
-
- 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)