How to Remove Specific Element from an Array in TypeScript - Step by Step Examples

How to Remove Specific Element from an Array in TypeScript ?

Answer

To remove a specific element from an array in TypeScript, you can use the `splice` method or create a new array excluding the element to be removed.

✐ Examples

1 Remove Element using splice method

In this example,

We create an array named `numbers` with elements including the one to be removed.
We use the `splice` method to remove the specific element from the array.
Finally, we get an array without the specific element.

TypeScript Program

let numbers: number[] = [1, 2, 3, 4, 5];
let indexToRemove: number = numbers.indexOf(3);
numbers.splice(indexToRemove, 1);
console.log(`Array after removing 3: ${numbers}`);

Output

Array after removing 3: 1,2,4,5

2 Remove Element by creating a new array

In this example,

We create an array named `colors` with elements including the one to be removed.
We use the `filter` method to create a new array excluding the specific element.
Finally, we get a new array without the specific element.

TypeScript Program

let colors: string[] = ['red', 'green', 'blue', 'yellow'];
let elementToRemove: string = 'green';
let newArray: string[] = colors.filter(color => color !== elementToRemove);
console.log(`Array after removing ${elementToRemove}: ${newArray}`);

Output

Array after removing green: red,blue,yellow

Summary

In this tutorial, we learned How to Remove Specific Element from an Array in TypeScript language with well detailed examples.

◀ Previous Next ▶

TypeScript Tutorials

TypeScript How-Tos

How to Remove Specific Element from an Array in TypeScript - Step by Step Examples

How to Remove Specific Element from an Array in TypeScript ?

Answer

✐ Examples

1 Remove Element using splice method

TypeScript Program

Output

2 Remove Element by creating a new array

TypeScript Program

Output

Summary

More TypeScript Arrays Tutorials