remove array with index javascript 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: javascript remove from array by index

//Remove specific value by index
array.splice(index, 1);

Example 3: 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 4: js remove item array

let originalArray = [1, 2, 3, 4, 5];

let filteredArray = originalArray.filter((value, index) => index !== 2);

Example 5: remove one element using splice

fruits = ['Banana', 'Orange', 'Apple', 'Mango'];

removeFruitByIndex(index: number) {
  this.fruits = [
    ...this.fruits.slice(0, i),
    ...this.fruits.slice(i + 1, this.fruits.length),
  ];
}


removeFruitByValue(fruite: string) {
  const i = this.descriptionsList.indexOf(fruite);
  this.fruits = [
    ...this.fruits.slice(0, i),
    ...this.fruits.slice(i + 1, this.fruits.length),
  ];
}

Example 6: remove elemtns from an array with splice

var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
document.getElementById("demo").innerHTML = fruits;

function myFunction() {
  fruits.splice(2, 2);
  document.getElementById("demo").innerHTML = fruits;
}