How to Remove an Element from an Array in Javascript
If you need to remove an element from an array in Javascript, then you can use one of the following five (5) options:
Option 1 – Use splice to remove an element
Example 1 using splice:
var colors = ["red","blue","car","green"];
var carIndex = colors.indexOf("car");
colors.splice(carIndex, 1);
// colors = ["red","blue","green"]
Example 2 using splice:
var myArray = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
// Remove Sunday -- index 0 and Monday -- index 1
myArray.splice(0,2)
Option 2 – Use filter to remove an element
var myArray = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
let itemToBeRemoved = ["Sunday", "Monday"]
var filteredArray = myArray.filter(item => !itemToBeRemoved.includes(item))
Option 3 – Use pop to remove an element
let dailyActivities = ['work', 'eat', 'sleep', 'exercise'];
// remove the last element
dailyActivities.pop();
console.log(dailyActivities); // ['work', 'eat', 'sleep']
// remove the last element from ['work', 'eat', 'sleep']
const removedElement = dailyActivities.pop();
// get removed element
console.log(removedElement); // 'sleep'
console.log(dailyActivities); // ['work', 'eat']
Option 4 – Use remove to remove an element
array.remove(number);
Option 5 – Change length to remove elements
var arr = [1, 2, 3, 4, 5, 6];
arr.length = 4;
// [1, 2, 3, 4]