How to Remove Duplicates in an Array in TypeScript - Step by Step Examples

How to Remove Duplicates in an Array in TypeScript ?

Answer

To remove duplicates from an array in TypeScript, you can use similar approaches as in JavaScript due to TypeScript's compatibility with JavaScript.

✐ Examples

1 Remove Duplicates using Set

In this example,

We create an array named `numbers` with duplicate elements.
We convert the array to a Set to automatically remove duplicates.
Finally, we convert the Set back to an array to get the array without duplicates.

TypeScript Program

let numbers: number[] = [1, 2, 2, 3, 4, 4, 5];
let uniqueNumbers: number[] = [...new Set(numbers)];
console.log('Array without duplicates:', uniqueNumbers);

Output

Array without duplicates: {"0":1,"1":2,"3":3,"4":4,"6":5}

2 Remove Duplicates using Filter

In this example,

We create an array named `colors` with duplicate strings.
We use the `filter` method to create a new array with only unique elements.
Finally, we get an array without duplicates using the filter method.

TypeScript Program

let colors: string[] = ['red', 'green', 'blue', 'green', 'yellow', 'blue'];
let uniqueColors: string[] = colors.filter((value, index, self) => self.indexOf(value) === index);
console.log('Array without duplicates:', uniqueColors);

Output

Array without duplicates: {"0":"red","1":"green","2":"blue","4":"yellow"}

Summary

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

◀ Previous Next ▶