¿Cómo eliminar un valor específico de la array usando jQuery?

Dados los elementos de una array, la tarea es eliminar el elemento de valor específico de la array con la ayuda de JQuery. Hay dos enfoques que se analizan a continuación:

Enfoque 1: Podemos usar el método not() que elimina el elemento que queremos. Luego, use el método get() para obtener el resto de los elementos de la array.

Ejemplo:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Remove certain property for all objects
        in array with JavaScript.
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color: green">
        GeeksForGeeks
    </h1>
  
    <p id="GFG_UP"></p>
  
    <button onclick="gfg_Run()">
        Click Here
    </button>
  
    <p id="GFG_DOWN" style="color:green;"></p>
  
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var arr = ["GFG", "GeeksForGeeks", "Geek", "Geeks"];
        var remEl = "Geek";
        el_up.innerHTML = "Click on the button to perform "
                + "the operation.<br>Array - [" + arr + "]";
                  
        function gfg_Run() {
            var arr2 = $(arr).not([remEl]).get();
            el_down.innerHTML = "[" + arr2 + "]";
        } 
    </script>
</body>
  
</html>

Producción:

Enfoque 2: podemos usar el método inArray() para obtener el índice del elemento (que se va a eliminar) y luego usar el método slice() para obtener el resto de los elementos.

Ejemplo:

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        Remove certain property for all objects
        in array with JavaScript.
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color: green">
        GeeksForGeeks
    </h1>
  
    <p id="GFG_UP"></p>
  
    <button onclick="gfg_Run()">
        Click Here
    </button>
  
    <p id="GFG_DOWN" style="color:green;"></p>
  
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var arr = ["GFG", "GeeksForGeeks", "Geek", "Geeks"];
        var remEl = "Geek";
        el_up.innerHTML = "Click on the button to perform "
                + "the operation.<br>Array - [" + arr + "]";
                  
        function gfg_Run() {
            arr.splice($.inArray(remEl, arr), 1);
            el_down.innerHTML = "[" + arr + "]";
        } 
    </script>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta