Merge two arrays without duplicates in TypeScript

In this tutorial, we are going to learn about how to merge two arrays without duplicates in TypeScript.

Using Spread operator and new Set()

To combine the two arrays without any duplicates, first we need to combine the arrays using the es6 spread(…) operator then pass it to the new Set() constructor to remove the duplicates.

Note: The spread(…) operator unpacks the iterables (such as sets, arrays, objects, etc) into a individual elements.

Here is an example:

const a  = [1, 2, 3];
const b  = [3, 4, 4, 5];
const c = [...a, ...b];

const result = [...new Set(c)];
console.log(result);

Output:

[1, 2, 3, 4, 5]

In the example above, we first combine the two arrays using the es6 spread operator and pass it to the new Set(c) constructor.

At final, we used the es6 spread operator to unpack the elements into the array