how to remove an index from an array js 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: 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"});

Example 3: remove item at index in array javascript

// remove element at certain index without changing original
let arr = [0,1,2,3,4,5]
let newArr = [...arr]
newArr.splice(1,1)//remove 1 element from index 1
console.log(arr) // [0,1,2,3,4,5]
console.log(newArr)// [0,2,3,4,5]

Example 4: 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),
  ];
}