Eliminar elementos de una array de JavaScript

La array de JavaScript es una sola variable que se utiliza para almacenar los elementos o un grupo de valores. Puede agregar o eliminar elementos de la array en cualquier posición. En este artículo, discutiremos diferentes formas de eliminar elementos de una array. Hay muchos métodos que se utilizan para eliminar elementos de la array de JavaScript que se analizan a continuación: 
 

• Función pop() : este método se usa para eliminar elementos del final de una array.
• Función shift(): este método se utiliza para eliminar elementos del inicio de una array.
• Función splice(): este método se utiliza para eliminar elementos del índice específico de una array.
• Función filter(): este método se utiliza para eliminar elementos de forma programática.

Nota: Hay algunos otros métodos creados por métodos incorporados de JavaScript.
Los siguientes ejemplos ilustran los métodos para eliminar elementos de una array de JavaScript:
Eliminar elementos de la array utilizando el método pop(): este método se utiliza para eliminar el último elemento de la array y devuelve el elemento eliminado. Esta función disminuye la longitud de la array en 1. 
 

Ejemplo 1: 

<script>
// 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();
</script>

Producción: 
 

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

Ejemplo 2: 

<script>
// 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 )
 
</script>

Producción: 
 

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

Eliminar elementos de la array utilizando el método shift(): este método se utiliza para eliminar el primer elemento de la array y reducir el tamaño de la array original en 1. 
 

Ejemplo: 

<script>
// 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();
</script>                   

Producción: 
 

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

Eliminar elementos de la array utilizando el método splice(): este método se utiliza para modificar el contenido de una array eliminando los elementos existentes y/o agregando nuevos elementos. Para eliminar elementos mediante el método splice(), puede especificar los elementos de diferentes maneras. 
 

Ejemplo 1: use el método de indexación de empalme para eliminar elementos de una array de JavaScript. 

<script>
// 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();
</script>                   

Producción: 
 

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

Ejemplo 2: usar el valor del método de empalme para eliminar elementos de una array de JavaScript. 

<script>
 
// 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();
</script>               

Producción: 
 

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

Ejemplo 3: usar el método de empalme para eliminar cada elemento de una array de JavaScript. 

<script>
// 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 )
</script>

Producción: 
 

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

Eliminar elementos de la array mediante el uso del método filter(): este método se utiliza para crear una nueva array a partir de una array dada que consiste solo en aquellos elementos de la array dada que satisfacen una condición establecida por la función de argumento. Para eliminar elementos mediante el método filter(), puede especificar los elementos de diferentes maneras. 
 

Ejemplo: use el valor del método de filtro para eliminar elementos de una array de JavaScript. 

<script>
 
// 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();
</script>

Producción: 
 

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

Eliminar elementos de la array mediante el método de eliminación: creación de un método de eliminación mediante el método de filtro para eliminar elementos de una array de JavaScript. Este método funciona en orden inverso. 
 

Ejemplo: 

<script>
 
// 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)
</script>

Producción: 
 

Remaining elements: lowdash, remove, reset

Eliminar elementos de array mediante el operador de eliminación: use el operador de eliminación para eliminar elementos de una array de JavaScript. 
 

Ejemplo: 

<script>
 
// 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);
</script>        

Producción: 
 

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

Eliminar elementos de la array mediante el operador Borrar y restablecer: utilice el operador Borrar y restablecer para eliminar elementos de una array de JavaScript.
 

Ejemplo 1: 

<script>
 
// 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)
 
</script>               

Producción: 
 

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

Ejemplo 2: 
 

<script>
 
// 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 )
 
</script>                               

Producción: 
 

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

Elimine los elementos de la array usando un bucle for() simple y una nueva array: aquí se ejecutará un for() simple sobre la array y, a excepción del elemento eliminado, los elementos restantes se insertarán en la nueva array que se declarará dentro del función o un método.

Ejemplo:

let removeElement = (array, n) => {
  let newArray = [];
 
  for (let i = 0; i < array.length; i++) {
    if (array[i] !== n) {
      newArray.push(array[i]);
    }
  }
  return newArray;
};
 
let passed_in_array = [1, 2, 3, 4, 5];
let element_to_be_removed = 2;
let result = removeElement(passed_in_array, element_to_be_removed);
 
console.log("Remaining elements: " + result);
 
// This code is contributed by Aman Singla...

Producción:

 Remaining elements: 1,3,4,5

Eliminar elementos de array mediante la biblioteca lowdash: use la biblioteca lowdash para eliminar elementos de una array de JavaScript. Para usar la biblioteca lowdash, debe instalarla localmente en su sistema. 
 

Ejemplo: 

<script type="text/javascript" src=
"//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js">
 
// 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);
 
</script>                   

Producción: 

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