从 JavaScript 中的数组中删除最后一个元素

从数组中删除最后一个元素

Remove the last Element from an Array in JavaScript

使用该Array.pop()方法从数组中删除最后一个元素,例如
arr.pop().

Array.pop()方法从数组中删除最后一个元素并将其返回。该方法改变了原始数组,改变了它的长度

索引.js
const arr = ['a', 'b', 'c', 'd']; const removeLast = arr.pop(); console.log(removeLast); // 👉️ d console.log(arr); // 👉️ ['a','b','c']

我们使用
Array.pop()
方法从数组中删除最后一个元素。

如果在Array.pop()空数组上调用该方法,它不会抛出错误,而是返回undefined

索引.js
const arr = []; const removeLast = arr.pop(); console.log(removeLast); // 👉️ undefined console.log(arr); // 👉️ []

更改数组的内容可能很难理解,尤其是当您必须多次改变同一个数组时。

大多数有经验的开发人员会避免改变数组和对象,相反,他们会创建仅包含所需元素的数组副本。

或者,您可以使用
Array.slice
方法。

使用 Array.slice() 从数组中删除最后一个元素

使用该Array.slice()方法从数组中删除最后一个元素,例如
const withoutLast = arr.slice(0, -1);.

Array.slice()方法将返回原始数组的副本,不包括最后一个元素。

索引.js
const arr = ['a', 'b', 'c', 'd']; const withoutLast = arr.slice(0, -1); console.log(withoutLast); // 👉️ ['a','b','c'] console.log(arr); // 👉️ ['a', 'b', 'c', 'd']

Array.slice()方法不会更改原始数组。相反,该方法返回一个新数组。

我们传递给该Array.slice()方法的参数是:

  1. start index – 要包含在新数组中的第一个元素的索引。
  2. 结束索引– 提取到但不包括该索引。负索引-1意味着向上,但不包括数组的最后一个元素。
传递一个结束索引参数-1是一样的。我们指示该方法向上移动,但不包括数组的最后一个元素。 arr.length - 1slice
索引.js
const arr = ['a', 'b', 'c', 'd']; const withoutLast = arr.slice(0, arr.length - 1); console.log(withoutLast); // 👉️ ['a','b','c'] console.log(arr); // 👉️ ['a', 'b', 'c', 'd']

这种方法的好处是原始数组的内容保持不变。