如何在JavaScript中删除数组中的元素

415 阅读3分钟

数组允许我们在单个变量中存储类似的数据。然后我们可以对存储在数组中的数据进行迭代,并根据我们的需要执行不同的函数来处理数据。数组中的单个数据被称为其元素。在我们声明和初始化数组后,JavaScript给我们提供了从数组中添加和删除元素的选择。在这篇文章中,我们将只关注那些可以用来从数组中删除元素的方法。

JavaScript提供了许多可以用来移除数组元素的方法;在这篇文章中,我们将讨论四个这样的方法。下面是在JavaScript中删除数组元素的四种最常见的方法的列表。

  • shift()
  • pop()
  • filter()
  • 接合()

我们将逐一详细讨论它们。

注意:我将使用控制台来演示这篇文章中的例子。

如何使用shift()方法从数组的开头删除一个元素

JavaScript的shift()方法通常用于从一个JavaScript数组的开头删除一个元素。这个方法不需要任何参数。我们可以简单地调用它,它将从数组的开始删除一个元素,并将每个其他元素向下移动1个索引。

var num = [0, 1, 2, 3, 4, 5];

num.shift();

console.log(num);

如何使用pop()方法摆脱一个数组元素

JavaScript pop方法可以用来从一个JavaScript数组的末尾摆脱一个元素。与shift()方法类似,它也不需要任何参数。

var num = [0, 1, 2, 3, 4, 5];

num.pop();

console.log(num);

如何使用filter()方法从一个数组中删除元素

filter()方法可以用来根据某个条件移除数组中的元素;在数组上应用 filter()方法并不改变它,而是创建一个由所需元素组成的新数组。它需要一个回调函数作为参数

现在,作为一个例子,我们将使用filter()方法从一个数组中删除每个大于2的元素。

var num = [0, 1, 2, 3, 4, 5];

var num2 = num.filter(element => element < 3)

console.log(num2);


现在我们将删除所有小于3的元素。

var num = [0, 1, 2, 3, 4, 5];

var num2 = num.filter(element => element > 2)

console.log(num2);

如何使用splice()方法从数组的中间移除元素

splice()方法/函数可以用来插入或删除数组中的一个元素。如果我们想用splice()方法从一个数组中删除元素,我们需要给splice()方法两个参数。第一个参数将定义splice()方法要移除的元素的起点,第二个元素将指定从数组中移除的元素数量。

var num = [1, 2, 3, 4, 5];

num.splice(2, 2);

console.log(num);

总结

在这个综合指南中,我们讨论了在JavaScript中从数组中移除元素的四种不同方法。我们可以使用shift()和pop()方法,分别从数组对象的开始和结束位置移除项目/元素。如果我们需要我们的原始数组保持不变,并希望创建一个新的数组,其中的元素要通过某个条件,那么我们应该使用filter()方法。当涉及到从一个数组中删除一个元素时,splice()方法是最好的,因为它给了我们对要删除的元素的控制。我们可以在splice()方法中指定我们想要删除的元素的索引和数量。