从 JavaScript 数组中删除元素

JavaScript 数组是用于存储元素或一组值的单个变量。您可以在任何位置从数组中添加或删除元素。在本文中，我们将讨论从数组中删除元素的不同方法。有许多方法用于从 JavaScript 数组中删除元素，如下所述：

• pop()函数：此方法用于从数组末尾删除元素。
• shift()函数：此方法用于从数组的开头删除元素。
• splice()函数：此方法用于从数组的特定索引中删除元素。
• filter()函数：此方法用于以编程方式删除元素。

注意：还有一些其他方法是由 JavaScript 内置方法创建的。
下面的示例说明了从 JavaScript 数组中删除元素的方法：
使用 pop() 方法删除数组元素：该方法用于删除数组的最后一个元素并返回删除的元素。此函数将数组的长度减 1。

示例 1：

javascript

// JavaScript code to illustrate pop() function
// to remove array elements
 
function func() {
    var arr = ["shift", "splice", "filter", "pop"];
 
    // Popping the last element from the array
    var popped = arr.pop();
    document.write("Removed element: " + popped + "<br>");
    document.write("Remaining elements: " + arr);
}
func();

输出：

Removed element: pop
Remaining elements: shift, splice, filter

示例 2：

javascript

// Declare and initialize an array
var array = ["pop", "splice", "filter", "shift"]
 
document.write("Original array: " + array + "<br>")
 
// Loop run while array length not zero
while (array.length) {
 
    // Remove elements from array
    array.pop();
}
document.write("Array Length: " + array.length )
 

输出：

Original array: pop, splice, filter, shift
Array Length: 0

使用 shift() 方法删除数组元素：该方法用于删除数组的第一个元素，并将原始数组的大小减少 1。

例子：

javascript

// JavaScript code to illustrate shift() method
// to remove elements from array
function func() {
    var arr = ["shift", "splice", "filter", "pop"];
 
    // Removing the first element from array
    var shifted = arr.shift();
    document.write("Removed element: " + shifted + "<br>");
    document.write("Remaining elements: " + arr);
}
func();
                   

输出：

Removed element: shift
Remaining elements: splice, filter, pop

使用 splice() 方法删除数组元素：此方法用于通过删除现有元素和/或添加新元素来修改数组的内容。要通过 splice() 方法删除元素，您可以以不同的方式指定元素。

示例 1：使用 splice 方法的索引从 JavaScript 数组中删除元素。

javascript

// JavaScript code to illustrate splice() function
 
function func() {
    var arr = ["shift", "splice", "filter", "pop"];
 
    // Removing the specified element from the array
    var spliced = arr.splice(1, 1);
    document.write("Removed element: " + spliced + "<br>");
    document.write("Remaining elements: " + arr);
}
func();
                   

输出：

Removed element: splice
Remaining elements: shift, filter, pop

示例 2：使用 splice 方法的值从 JavaScript 数组中删除元素。

javascript

 
// JavaScript code to illustrate splice() function
function func() {
    var arr = ["shift", "splice", "filter", "pop"];
 
    // Removing the specified element by value from the array
    for (var i = 0; i < arr.length; i++) {
        if (arr[i] === "splice") {
            var spliced = arr.splice(i, 1);
            document.write("Removed element: " + spliced + "<br>");
            document.write("Remaining elements: " + arr);
        }
    }
}
func();
               

输出：

Removed element: splice
Remaining elements: shift, filter, pop

示例 3：使用 splice 方法从 JavaScript 数组中删除每个元素。

javascript

// Declare and initialize array
var array = ["pop", "splice", "filter", "shift"]
 
document.write("Original array: " + array + "<br>")
 
// Making the length of array to 0 by using splice method
array.splice(0, array.length);
document.write("Empty array: " + array )

输出：

Original array: pop, splice, filter, shift
Empty array:

使用 filter() 方法删除数组元素：此方法用于从给定数组创建一个新数组，该数组仅由给定数组中满足参数函数设置的条件的元素组成。要通过 filter() 方法删除元素，您可以以不同的方式指定元素。

示例：使用 filter 方法的值从 JavaScript 数组中删除元素。

javascript

 
// JavaScript to illustrate filter() method
function isPositive( value ) {
    return value > 0;
}
 
function func() {
    var filtered = [101, 98, 12, -1, 848].filter( isPositive );
    document.write("Positive elements in array: " + filtered);
}
func();

输出：

Positive elements in array: 101, 98, 12, 848

使用移除方法移除数组元素：使用过滤器方法创建移除方法以从 JavaScript 数组中移除元素。此方法以相反的顺序工作。

例子：

javascript

 
// Declare and initialize an array
var array = ["lowdash", "remove", "delete", "reset"]
 
// Using filter method to create a remove method
function arrayRemove(arr, value) {
 
   return arr.filter(function(geeks){
       return geeks != value;
   });
 
}
 
var result = arrayRemove(array, "delete");
document.write("Remaining elements: " + result)

输出：

Remaining elements: lowdash, remove, reset

通过删除运算符删除数组元素：使用删除运算符从 JavaScript 数组中删除元素。

例子：

javascript

 
// Declare and initialize an array
var array = ["lowdash", "remove", "delete", "reset"]
 
// Delete element at index 2
var deleted = delete array[2];
 
document.write("Removed: " + deleted + "<br>");
document.write("Remaining elements: " + array);
        

输出：

Removed: true
Remaining elements: lowdash, remove,,reset

通过清除和重置运算符删除数组元素：使用清除和重置运算符从 JavaScript 数组中删除元素。

示例 1：

javascript

 
// Declare and initialize an array
var array = ["lowdash", "remove", "delete", "reset"]
 
// Sorting array in another array
var arraygeeks = array
 
// Delete each element of array
array = []
document.write("Empty array: " + array + "<br>")
document.write("Original array: " + arraygeeks)
 
               

输出：

Empty array:
Original array: lowdash, remove, delete, reset

示例 2：

javascript

 
// Declare and initialize an array
var array = ["lowdash", "remove", "delete", "reset"]
 
document.write("Original array: " + array + "<br>")
 
// Making the array length to 0
array.length = 0;
document.write("Empty array: " + array )
 
                               

输出：

Original array: lowdash, remove, delete, reset
Empty array:

通过 lowdash 库删除数组元素：使用 lowdash 库从 JavaScript 数组中删除元素。要使用 lowdash 库，您需要在系统本地安装它。

例子：

html

 
// Declare and initialize an array
var array = [101, 98, 12, -1, 848];
var evens= _.remove(array, function(n) {
    return n % 2 == 0;
});
 
console.log("odd elements: " + array + "<br>");
console.log("even elements: " + evens);
 
                   

输出：

odd elements: 101, -1
even elements: 98, 12, 848