remove items from array code example

Example 1: remove a particular element from array

var colors = ["red","blue","car","green"];
var carIndex = colors.indexOf("car");//get  "car" index
//remove car from the colors array
colors.splice(carIndex, 1); // colors = ["red","blue","green"]

Example 2: js remove from array by value

const index = array.indexOf(item);
if (index !== -1) array.splice(index, 1);

Example 3: remove element from array javascript

// Remove single item
function removeItemOnce(arr, value) {
   var index = arr.indexOf(value);
   if (index > -1) {
      arr.splice(index, 1);
   }
   return arr;
}

// Remove all items
function removeItemAll(arr, value) {
   var i = 0;
   while (i < arr.length) {
      if (arr[i] === value) {
         arr.splice(i, 1);
      } else {
         ++i;
      }
   }
   return arr;
}

// Usage
console.log(removeItemOnce([2, 5, 9, 1, 5, 8, 5], 5));
console.log(removeItemAll([2, 5, 9, 1, 5, 8, 5], 5));

Example 4: how to remove element from array in javascript

/* there are 3 ways to do so
1) pop(), which removes the last element
2) shift(), which removes the first element
3) splice(), which removes any element with a specified index.
of these only splice() takes parameters. the first parameter it takes is the
index of the element to be removed, an integer. the second is the number of 
elements to be removed, again integer. the third and fourth etc. are optional,
which is to be used if you want to replace them. Example: */
let numbers = [1, 2, 3, 4, 5];
numbers.pop(); // removes 5
numbers.shift(); // removes 1
let threeIndex = numbers.indexOf(3); // used for long arrays
numbers.splice(threeIndex, 1); // without replacement
numbers.splice(threeIndex, 1, 7) // 3 will now be replaced by 7

Example 5: remove array elements javascript

let forDeletion = [2, 3, 5]

let arr = [1, 2, 3, 4, 5, 3]

arr = arr.filter(item => !forDeletion.includes(item))
// !!! Read below about array.includes(...) support !!!

console.log(arr)
// [ 1, 4 ]

Example 6: remove an element from array

var colors = ["red", "blue", "car","green"];

// op1: with direct arrow function
colors = colors.filter(data => data != "car");

// op2: with function return value
colors = colors.filter(function(data) { return data != "car"});