js获取数组最后一位元素的五种方法及执行效率对比
投稿：yin
js获取数组最后一位元素的五种方法代码示例,使用console.time和console.timeEnd测量javascript脚本程序执行效率对比
js获取数组最后一位元素的五种方法代码示例,使用console.time和console.timeEnd测量javascript脚本程序执行效率对比。
数组最后一位元素的获取方法
const arrayTest = [11, 22, 33];//示例数组
一、 利用length
let lastValue0 = arrayTest[arrayTest.length - 1]; console.log(lastValue0);
二、 数组slice方法
返回值为包含最后一位元素的新数组
let lastValue1 = arrayTest.slice(-1); console.log(lastValue1[0]);
三、 数组pop方法
pop() 方法用于删除并返回数组的最后一个元素 (会修改原数组)
let lastValue2 = arrayTest.pop(); console.log(lastValue2);
四、 数组at方法（ES2022新特性）
at() 方法用于接收一个整数值并返回该索引对应的元素，允许正数和负数。负整数从数组中的最后一个元素开始倒数。
let lastValue3 = arrayTest.at(-1); console.log(lastValue3);
五、数组 reverse()方法
reverse()可以用于颠倒数组中元素的顺序，最前面的元素会变成最后面的元素。
let lastValue4 = arrayTest.reverse()[0]; console.log(lastValue4);
效率测试
代码如下
const arrayTest = [11, 22, 33];
console.time("===> length");
let lastValue0 = arrayTest[arrayTest.length - 1];
console.log(lastValue0);
console.timeEnd("===> length");
// ===> length: 0.120849609375 ms
console.log(arrayTest);
console.time("===> slice");
let lastValue1 = arrayTest.slice(-1);
console.log(lastValue1[0]);
console.timeEnd("===> slice");
// ===> slice: 0.053955078125 ms
console.log(arrayTest);
console.time("===> pop");
let lastValue2 = arrayTest.pop();
console.log(lastValue2);
console.timeEnd("===> pop");
// ===> pop: 0.048095703125 ms
console.log(arrayTest);
arrayTest.push(33);
console.time("===> atat");
let lastValue3 = arrayTest.at(-1);
console.log(lastValue3);
console.timeEnd("===> atat");
// ===> atat: 0.0439453125 ms
console.log(arrayTest);
console.time("===> reverse");
let lastValue4 = arrayTest.reverse()[0];
console.log(lastValue4);
console.timeEnd("===> reverse");
// ===> reverse: 0.072998046875 ms
console.log(arrayTest); 测试结果表示，at() 方法速度最快，效率最高。
到此这篇关于js获取数组最后一位元素的五种方法及执行效率对比的文章就介绍到这了,更多相关js获取数组最后一位元素的方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！