How to remove specific value from array using jQuery ?

Given an array elements and the task is to remove the specific value element from the array with the help of JQuery. There are two approaches that are discussed below:

Approach 1: We can use the not() method which removes the element that we want. Later, use get() method to get the rest of the elements from the array.

Example:

<!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>

Output:

Approach 2: We can use the inArray() method to get the index of the element (that is to be removed) and then use slice() method to get the rest of the elements.

Example:

<!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>

Output:

Article Tags :

JQuery

Web Technologies

jQuery-Questions