DEV Community


Javascript Array Manipulation With Sets

calvinpak profile image CP Updated on ・1 min read

Array manipulation with Sets

Samples on Codepen

[ Set(arr)] // unique array
[ Set(arr)].sort() // unique array sorted

// Union (deduped):
const union = (a1, a2) => [ Set(a1.concat(a2))];

// Union arbitrary number of arrays:
[a1, a2, a3, ...].reduce((total, arr) => union(total, arr), []);

// Intersection (deduped):
const intersection = (a1, a2) => [ Set(a1.filter(x => a2.includes(x)))];

// flatten array with any depth
const flat = (arr) => arr.reduce((a, value) => a.concat(
  Array.isArray(value) ? flat(value) : value
), []);
Enter fullscreen mode Exit fullscreen mode

Discussion (1)

Editor guide
calvinpak profile image
CP Author

Note on unions:
[ Set(a1, a2))] works for same type, failed with [1], ['x'], updated to use concat instead.

Use Set only to dedupe, use Array for manipulation.