How to remove an element from an array in JavaScript?
In this article, we will be removing elements from an array in JavaScript. We can use a different method for removing elements.
These are the methods:
- Using pop() function
- Using shift() function
- Using splice() function
- Using filter() function
- Using Delete Operator
- Using _.remove() method
Approach 1: Using pop() function
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:
Javascript
// JavaScript code to illustrate pop() function// to remove array elementsfunction func() { let arr = ["shift", "splice", "filter", "pop"]; // Popping the last element from the array let popped = arr.pop(); console.log("Removed element: " + popped); console.log("Remaining elements: " + arr);}func(); |
Removed element: pop Remaining elements: shift,splice,filter
Approach 2: Using shift() function
This method is used to remove the first element of the array and reduce the size of the original array by 1.
Example:
Javascript
// JavaScript code to illustrate shift() method// to remove elements from arrayfunction func() { let arr = ["shift", "splice", "filter", "pop"]; // Removing the first element from array let shifted = arr.shift(); console.log("Removed element: " + shifted); console.log("Remaining elements: " + arr);}func(); |
Removed element: shift Remaining elements: splice,filter,pop
Approach 3: Using splice() function
The JavaScript Array splice() method can be used to remove any particular element from an array in JavaScript. Moreover, this function can be used to add/remove more than one element from an array.
Syntax:
array.splice(index, howmany, item1, ....., itemX)
Return Value: A new Array, containing the removed items (if any).
Example: This example uses the splice() method to remove a particular element from an array.
Javascript
let Arr = ["C++ ", " Java ", " Python ", " Go ", " Prolog"];function removeElement() { Arr.splice(2, 1); console.log(Arr);}removeElement(); |
[ 'C++ ', ' Java ', ' Go ', ' Prolog' ]
Approach 4: Using filter() function
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.
Example:
Javascript
// JavaScript to illustrate filter() methodfunction isPositive(value) { return value > 0;}function func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive); console.log("Positive elements in array: " + filtered);}func(); |
Positive elements in array: 101,98,12,848
Approach 5: Using Delete Operator
Use the delete operator to remove elements from a JavaScript array.
Example:
Javascript
// Declare and initialize an arraylet array = ["lowdash", "remove", "delete", "reset"]// Delete element at index 2let deleted = delete array[2];console.log("Removed: " + deleted);console.log("Remaining elements: " + array); |
Removed: true Remaining elements: lowdash,remove,,reset
Approach 6: Using _.remove() method
The _.remove() method is used to remove all elements from the array that predicate returns True and returns the removed elements.
Example:
Javascript
let array = [101, 98, 12, -1, 848];let evens = _.remove(array, function (n) { return n % 2 == 0;});console.log("odd elements: " + array);console.log("even elements: " + evens); |
Output:
odd elements: 101, -1
even elements: 98, 12, 848
Supported Browsers: The browser supported by the Array splice() Method is listed below:
- Google Chrome
- Apple Safari
- Firefox
- Opera
- Edge
