js数组最后一个元素的多个方面详解

一、获取最后一个元素

数组最后一个元素可以通过下标的方式来获取，下标数值是数组的长度减1，因为下标从0开始计算。

const arr = [1, 2, 3, 4];
const lastElement = arr[arr.length - 1];
console.log(lastElement); // 输出4

另外，ES6中新增了方法Array.prototype.at()，可以直接取得指定位置的元素，而不用通过下标来获取最后一个元素了。

const arr = [1, 2, 3, 4];
const lastElement = arr.at(-1);
console.log(lastElement); // 输出4

二、修改最后一个元素

修改数组中最后一个元素同样可以使用下标来修改，但是通过下标修改可能会出现下标越界的情况，可以使用数组的修改方法Array.prototype.fill()来实现。

let arr = [1, 2, 3, 4];
arr.fill(0, arr.length - 1, arr.length);
console.log(arr) // 输出 [1, 2, 3, 0]

三、删除最后一个元素

需要删除数组中的最后一个元素时，可以使用数组的方法Array.prototype.pop()。

let arr = [1, 2, 3, 4];
arr.pop();
console.log(arr) // 输出 [1, 2, 3]

四、在最后一个元素后添加元素

需要在数组中最后一个元素后添加元素时，可以使用数组的方法Array.prototype.push()。

let arr = [1, 2, 3];
arr.push(4);
console.log(arr) // 输出 [1, 2, 3, 4]

五、判断最后一个元素是否存在

在使用数组时，经常需要判断最后一个元素是否存在。可以通过判断数组的长度是否大于0来实现。

let arr = [];
if (arr.length > 0) {
   const lastElement = arr[arr.length - 1];
   console.log(lastElement) 
} else {
   console.log("数组为空")
}

六、复制数组最后一个元素

需要复制数组中的最后一个元素时，可以使用数组的方法Array.prototype.slice()。

let arr = [1, 2, 3, 4];
const lastElement = arr.slice(-1)[0];
console.log(lastElement) // 输出 4

七、统计数组最后一个元素出现的次数

可以使用数组的方法Array.prototype.filter()和Array.prototype.reduce()来实现。

let arr = [1, 2, 3, 4, 4, 5, 4];
const lastElement = arr[arr.length - 1];
const count = arr.filter(ele => ele === lastElement).reduce((acc, cur) => acc + 1, 0);
console.log(count) // 输出 3

八、对数组最后一个元素进行排序

对数组最后一个元素进行排序可以使用数组的方法Array.prototype.sort()。

let arr = [1, 4, 3, 2];
arr.sort((a, b) => a - b);
console.log(arr) // 输出 [1, 2, 3, 4]

九、获取数组中最后一个元素的索引

可以使用数组的方法Array.prototype.lastIndexOf()来获取数组中最后一个元素的索引值。

let arr = [1, 2, 3, 4, 4];
const lastElement = arr[arr.length - 1];
const index = arr.lastIndexOf(lastElement);
console.log(index) // 输出4

十、将数组最后一个元素作为参数传入函数中

可以将数组最后一个元素作为参数传入函数中，一种实现方式是使用拓展运算符。

function foo(x, y, z) {
  console.log(x, y, z);
}
let arr = [1, 2, 3];
foo(...arr);