The Wayback Machine - https://web.archive.org/web/20220513214825/https://www.geeksforgeeks.org/remove-elements-from-a-javascript-array/
Skip to content
Related Articles

Related Articles

Table of Contents

Improve Article
Save Article
Like Article

Remove elements from a JavaScript Array

  • Difficulty Level : Basic
  • Last Updated : 11 Aug, 2021

Image

JavaScript array is a single variable that is used to store the elements or a group of values. You can add or remove elements from array in any position. In this article, we will discuss different ways to remove elements from array. There are many methods that is used to remove elements from JavaScript array which are discussed below: 
 

  • pop() function: This method is use to remove elements from the end of an array.
  • shift() function: This method is use to remove elements from the start of an array.
  • splice() function: This method is use to remove elements from the specific index of an array.
  • filter() function: This method is use to remove elements in programmatically way.

Note: There are some other methods that are created by JavaScript inbuilt methods.
Below examples illustrate the methods to remove elements from a JavaScript array:
Remove Array elements by using pop() method: This method is used to remove the last element of the array and returns the removed element. This function decreases the length of the array by 1. 
 

Example 1: 

javascript




<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>
Output: 
 
Removed element: pop
Remaining elements: shift, splice, filter

Example 2: 
javascript



<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>
Output: 
 
Original array: pop, splice, filter, shift
Array Length: 0
Remove Array elements by using shift() method: This method is used to remove the first element of the array and reducing the size of original array by 1. 
 
Example: 
javascript



<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>                   
Output: 
 
Removed element: shift
Remaining elements: splice, filter, pop
Remove Array elements by using splice() method: This method is used to modify the contents of an array by removing the existing elements and/or by adding new elements. To remove elements by splice() method you can specify the elements in different ways. 
 
Example 1: Use the indexing of splice method to remove elements from a JavaScript array. 
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>                   
Output: 
 
Removed element: splice
Remaining elements: shift, filter, pop
Example 2: Using the value of splice method to remove elements from a JavaScript array. 
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>               
Output: 
 
Removed element: splice
Remaining elements: shift, filter, pop
Example 3: Using the splice method to remove each elements from a JavaScript array. 
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>
Output: 
 
Original array: pop, splice, filter, shift
Empty array:
Remove Array elements by using filter() method: This method is used to create a new array from a given array consisting of only those elements from the given array which satisfy a condition set by the argument function. To remove elements by filter() method you can specify the elements in different ways. 
 
Example: Use the value of filter method to remove elements from a JavaScript array. 
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>
Output: 
 
Positive elements in array: 101, 98, 12, 848

Remove Array elements by using Remove Method: Creating a remove method using filter method to remove elements from a JavaScript array. This methods works in reverse order. 
 
Example: 
javascript



<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>
Output: 
 
Remaining elements: lowdash, remove, reset
Remove Array elements by Delete Operator: Use the delete operator to remove elements from a JavaScript array. 
 
Example: 
javascript



<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>        
Output: 
 
Removed: true
Remaining elements: lowdash, remove,,reset

Remove Array elements by Clear and Reset Operator: Use clear and reset operator to remove elements from a JavaScript array.
 
Example 1: 
javascript



<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>               
Output: 
 
Empty array:
Original array: lowdash, remove, delete, reset

Example 2: 
 
javascript



<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>                               
Output: 
 
Original array: lowdash, remove, delete, reset
Empty array:
Remove Array elements by lowdash library: Use the lowdash library to remove elements from a JavaScript array. To use lowdash library you need to install it locally on your system. 
 
Example: 
html



<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>                   
Output: 
odd elements: 101, -1
even elements: 98, 12, 848

My Personal Notes
arrow_drop_up
Previous
JavaScript Array splice() Method
Next

Most useful JavaScript Array Functions – Part 2
Recommended Articles
Page :
How to remove specific elements from the left of a given array of elements using JavaScript ?
30, Apr 21
JavaScript | Remove empty elements from an array
17, Apr 19
How to remove multiple elements from array in JavaScript ?
10, Oct 19
How to remove n elements from the end of a given array in JavaScript ?
31, Mar 21
How to Remove duplicate elements from array in JavaScript ?
05, Aug 21
How to remove duplicate elements from JavaScript Array ?
19, Oct 21
Remove all the child elements of a DOM node in JavaScript
16, Apr 19
How to create an array of elements, ungrouping the elements in an array produced by zip in JavaScript ?
09, Feb 22
How to remove elements that matches the specified selector from the set of matched elements using jQuery ?
26, Nov 21
How to remove an element from an array in JavaScript?
11, Mar 19
How to get all unique values (remove duplicates) in a JavaScript array?
23, Apr 19
JavaScript | Remove the last item from an array
17, May 19
How to remove duplicates from an array of objects using JavaScript ?
25, Sep 19
How to remove Objects from Associative Array in JavaScript ?
16, Oct 19
How to remove object from array of objects using JavaScript ?
30, Dec 19
How to remove falsy values from an array in JavaScript ?
08, Apr 21
PHP | Remove duplicate elements from Array
30, Mar 18
Program to remove empty array elements in PHP
20, Sep 18
Remove duplicate elements from an array using AngularJS
29, Sep 20
How to remove a property from JavaScript object ?
26, Mar 19
How to remove style added with .css() function using JavaScript?
22, Apr 19
JavaScript | Remove a JSON attribute
22, May 19
How to remove CSS property using JavaScript?
13, May 19
How to remove all line breaks from a string using JavaScript?
23, May 19
Article Contributed By :
https://media.geeksforgeeks.org/auth/avatar.png
Sabya_Samadder
@Sabya_Samadder
Vote for difficulty
Current difficulty :
Basic





Improved By :
Article Tags :
Report Issue

We use cookies to ensure you have the best browsing experience on our website. By using our site, you
acknowledge that you have read and understood our
Cookie Policy &
        Privacy Policy

Lightbox

Start Your Coding Journey Now!