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);
[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