📌  相关文章
📜  从JavaScript中的数组中删除元素

📅  最后修改于: 2020-10-27 01:07:02             🧑  作者: Mango

从JavaScript中的数组中删除元素

数组是一个变量,用于存储一个或多个相同数据类型的元素。基本上,它存储相同类型的多个元素。有时我们需要从数组中删除这些元素。 JavaScript提供了几种内置的数组方法,可以轻松地从数组中添加或删除元素。使用这些方法,可以从开始,结束或从特定索引中删除元素。

这些JavaScript数组方法如下:

Method Description
pop() This method removes the elements from the end of the array.
shift() Like the pop() method, it also removes the elements but from the start of the array.
filter() The filter() method removes the elements from an array in a programmatically way.
splice() This method removes the elements from a specific index.

以上所有方法都是JavaScript提供的数组函数。下面通过示例详细讨论这些方法。

从数组末尾删除元素-pop()

JavaScript提供了pop()方法来从数组末尾删除元素。它删除数组的最后一个元素并返回删除的元素。当元素从数组中删除时,数组的长度减少1。请参阅下面的代码和输出以了解:

例子1



  


输出量

最初,数组中有四个元素。使用pop()函数将删除最后一个元素,并将三个元素保留在该数组中。

Elements in array before removing: 
Nike, Adidas, Sparks, RedTape

Removed element from array: RedTape

Elements present in array: 
Nike, Adidas, Sparks

例子2

通过将上面的代码循环(for,while或do-while),我们可以从数组末尾一一删除所有元素。看看它如何工作:






输出量

Elements in array before removing: 
Nike, Adidas, Sparks, RedTape

Array Length after removing elements is: 4

Removed element from array: RedTape
Removed element from array: Sparks
Removed element from array: Adidas
Removed element from array: Nike

Array Length after removing elements is: 0 

从数组的开头删除元素-shift()

JavaScript提供了shift()方法,该方法用于从数组的开头删除元素。它从数组中删除第一个元素,并返回删除的元素。当元素从数组中删除时,数组长度减少1。请参见下面的代码和输出,此函数的工作方式:

例子1



  


输出量

最初,数组中有四个元素。从头开始一个元素将使用shift()函数删除,并且三个元素将保留在该数组中。

Elements in array before removing: 
Nike, Adidas, Sparks, RedTape

Removed element from array: Nike

Elements present in array: 
Adidas, Sparks, RedTape

例子2

像pop()方法一样,我们可以通过将上面的代码放入循环中(for,while或do-while),从数组的开头一开始删除所有元素。在此示例中,我们将这段代码放入while循环中。看看它如何工作:






输出量

Elements in array before removing: 
Nike, Adidas, Sparks, RedTape

Array Length after removing elements is: 4

Removed element from array: Nike
Removed element from array: Adidas
Removed element from array: Sparks
Removed element from array: RedTape

Array Length after removing elements is: 0 

从数组中的特定索引中删除元素-splice()

要从特定索引位置删除元素,请使用splice()方法。它从特定位置删除该元素,并返回该删除的元素。它还允许用户从数组中删除一个或多个元素。

splice()方法主要接受两个参数:初始索引位置和要删除的项目数。数组索引计数从0开始,即a [0]。当元素从数组中删除时,数组长度会减小。请参见以下示例及其输出,其中splice()函数的工作方式:

例子1

在此示例中,我们将删除从索引1开始的三个元素,即a [1]到a [3]。



  


输出量

在下面的响应中,您可以看到数组中的三个元素已被删除,并且数组中仅保留了两个元素(Nike和Bata)。

Elements in array before removing: 
Nike, Adidas, Sparks, RedTape, Bata

Removed element from array: Adidas, Sparks, RedTape,

Elements present in array: 
Nike, Bata

例子2

在此示例中,我们将上面的代码放入for循环中,以从数组中删除所有出现的特定元素。它将跟踪整个数组,并从数组中一一删除匹配的元素。








输出量

您可以在下面的输出中看到名为(Gucci)的元素已从数组中删除了两次,并且数组中仅保留了两个元素(Chanel,Zara)。

Removed element: Gucci
Remaining Element: Chanel, Gucci, Zara

Removed element: Gucci
Remaining Element: Chanel, Zara

您甚至可以从数组中删除所有元素。请参见以下代码:


输出量

查看所有元素已被删除。

Elements in array: Gucci, Chanel, Calvin Klein, Zara
Remaining Element: 

使用filter()从数组中删除元素

此方法基本上根据用户提供的给定条件删除元素。它删除元素,并创建剩余元素的新数组。请参见下面的代码和输出,其工作方式:

例子1

在此示例中,我们将检查数组中的奇偶值并对其进行过滤。 filter()方法将检查偶数值,然后返回以将它们添加到修改后的数组中。奇数将从数组中删除,并且仅显示修改后的数组。



  


输出量

看到下面的输出,只有偶数元素保留在修改后的数组中:

Even elements in array:  56, 24, 348

使用删除运算符删除元素

除了所有这些功能,JavaScript还提供了delete运算符。它有助于从数组中的特定索引位置删除元素。该运算符与要删除的数组名称和索引号一起使用,例如,删除arrayname [3]。成功删除元素后,它返回true。

delete运算符有助于直接从数组中删除特定的索引元素。现在,借助示例,让我们看一下该删除运算符的工作方式:




  



输出量

在此输出中,您可以看到,如果执行删除操作后返回的值为true,则表示索引1处的元素已成功删除。

Elements in array:  Gucci, Calvin Klein, Chanel, Zara
Removed successfully: true
Remaining elements in array: Gucci,, Chanel, Zara

使用清除和重置运算符删除元素

JavaScript提供了clear和reset运算符以从数组中删除元素。通常,它们不删除数组元素。他们只是将它们移到另一个数组并清除原始数组。

现在,借助示例,让我们看看它是如何工作的:

例子1




  



输出量

在此输出中,您可以看到原始数组元素已移至新数组。最初声明的数组为空,这意味着数组中现在没有元素。

Initially elements in array:  Gucci, Calvin Klein, Chanel, Zara

Array after removing elements: 

Elements in new array: Gucci, Calvin Klein, Chanel, Zara

例子2

除此之外,我们可以通过将数组的长度设置为0来删除数组的所有元素。请参见下面的示例:




  



输出量

通过将数组长度设置为0,可以禁用或删除数组的所有元素。查看空数组:

Initially elements in array:  Gucci, Calvin Klein, Chanel, Zara

Array after removing elements: