📅 最后修改于: 2020-10-27 01:07:02 🧑 作者: Mango
数组是一个变量，用于存储一个或多个相同数据类型的元素。基本上，它存储相同类型的多个元素。有时我们需要从数组中删除这些元素。 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提供的数组函数。下面通过示例详细讨论这些方法。
JavaScript提供了pop()方法来从数组末尾删除元素。它删除数组的最后一个元素并返回删除的元素。当元素从数组中删除时，数组的长度减少1。请参阅下面的代码和输出以了解：
输出量
最初，数组中有四个元素。使用pop()函数将删除最后一个元素，并将三个元素保留在该数组中。
Elements in array before removing:
Nike, Adidas, Sparks, RedTape
Removed element from array: RedTape
Elements present in array:
Nike, Adidas, Sparks
通过将上面的代码循环(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
JavaScript提供了shift()方法，该方法用于从数组的开头删除元素。它从数组中删除第一个元素，并返回删除的元素。当元素从数组中删除时，数组长度减少1。请参见下面的代码和输出，此函数的工作方式：
输出量
最初，数组中有四个元素。从头开始一个元素将使用shift()函数删除，并且三个元素将保留在该数组中。
Elements in array before removing:
Nike, Adidas, Sparks, RedTape
Removed element from array: Nike
Elements present in array:
Adidas, Sparks, RedTape
像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()方法主要接受两个参数：初始索引位置和要删除的项目数。数组索引计数从0开始，即a [0]。当元素从数组中删除时，数组长度会减小。请参见以下示例及其输出，其中splice()函数的工作方式：
在此示例中，我们将删除从索引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
在此示例中，我们将上面的代码放入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()方法将检查偶数值，然后返回以将它们添加到修改后的数组中。奇数将从数组中删除，并且仅显示修改后的数组。
输出量
看到下面的输出，只有偶数元素保留在修改后的数组中：
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运算符以从数组中删除元素。通常，它们不删除数组元素。他们只是将它们移到另一个数组并清除原始数组。
现在，借助示例，让我们看看它是如何工作的：
输出量
在此输出中，您可以看到原始数组元素已移至新数组。最初声明的数组为空，这意味着数组中现在没有元素。
Initially elements in array: Gucci, Calvin Klein, Chanel, Zara
Array after removing elements:
Elements in new array: Gucci, Calvin Klein, Chanel, Zara
除此之外，我们可以通过将数组的长度设置为0来删除数组的所有元素。请参见下面的示例：
输出量
通过将数组长度设置为0，可以禁用或删除数组的所有元素。查看空数组：
Initially elements in array: Gucci, Calvin Klein, Chanel, Zara
Array after removing elements: