javascript / beginner
Snippet
Eliminating Duplicate Values from Lists Using JavaScript Sets
The `Set` object represents a collection of unique values where any duplicates are automatically discarded. Combining the `Set` constructor with the array spread operator (`...`) provides an efficient and concise idiom for deduplicating arrays of primitive data types.
snippet.js
javascript
1
2
3
4
const tagSelections = ['svelte', 'javascript', 'web', 'svelte', 'css', 'web'];const uniqueTagSet = new Set(tagSelections);const uniqueTags = [...uniqueTagSet];
svelte
Breakdown
1
const tagSelections = ['svelte', 'javascript', 'web', 'svelte', 'css', 'web'];
Initializes an array containing recurring string values representing user tag selections.
2
const uniqueTagSet = new Set(tagSelections);
Instantiates a new Set collection, automatically stripping out duplicate string entries.
3
const uniqueTags = [...uniqueTagSet];
Spreads the distinct Set elements back into a standard array format suitable for indexing and iteration.