JavaScript 如何动态删除数组末尾的指定数量元素

JavaScript 中的 pop() 方法不接收任何参数，无论传入什么值，都只会删除数组的最后一个元素，所以你示例中传3的写法无法达到删除指定数量末尾元素的效果。
你可以根据是否需要修改原数组，选择以下实现方案：

方案1：修改原数组，使用 splice 方法 #

splice 可以直接对原数组进行增删操作，两种常用写法适配不同需求：

• 如果你要删除末尾指定数量的元素：

const arr = ['a', 'b', 'c', 'd', 'e']
const deleteCount = 2 // 要删除末尾2个元素
arr.splice(arr.length - deleteCount, deleteCount)
console.log(arr) // 输出 ['a', 'b', 'c']

• 如果你要保留数组前N个元素（匹配你示例中dynamic=3得到前3个元素的需求），直接传入保留的数量作为起始索引即可，splice会自动删除该索引到末尾的所有元素：

const arr = ['a', 'b', 'c', 'd', 'e']
const dynamic = 3 // 保留前3个元素
arr.splice(dynamic)
console.log(arr) // 输出 ['a', 'b', 'c']

方案2：不修改原数组，返回新数组，使用 slice 方法 #

slice 不会改动原数组，会返回截取后的新数组：

• 删除末尾指定数量元素：

const arr = ['a', 'b', 'c', 'd', 'e']
const deleteCount = 2
const newArr = arr.slice(0, arr.length - deleteCount)
console.log(newArr) // 输出 ['a', 'b', 'c']
console.log(arr) // 原数组保持不变：['a', 'b', 'c', 'd', 'e']

• 保留前N个元素：

const arr = ['a', 'b', 'c', 'd', 'e']
const dynamic = 3
const newArr = arr.slice(0, dynamic)
console.log(newArr) // 输出 ['a', 'b', 'c']

不推荐方案：循环调用pop #

也可以通过循环多次调用pop实现，但删除数量大的时候效率较低，只适合删除数量极少的场景：

const arr = ['a', 'b', 'c', 'd', 'e']
const deleteCount = 2
for(let i = 0; i < deleteCount; i++) {
  arr.pop()
}
console.log(arr) // 输出 ['a', 'b', 'c']

上述所有方案都会自动处理边界情况：如果要删除的数量大于等于数组长度，最终会得到空数组。

内容的提问来源于stack exchange，提问作者nobody