To sort a `Set` in JavaScript - convert the `Set` into an array, using the `Array.from()` method. Sort the array, by using the `Array.sort()` method. Convert the array back into a `Set` object.

How to sort a Set in JavaScript


## Sort a Set in JavaScript

**To sort a `Set` in JavaScript:**

1. Convert the `Set` into an array, using the `Array.from()` method.
2. Sort the array, by using the `Array.sort()` method.
3. Convert the array back into a `Set` object.

```javascript:index.js
/**
 * 👇️ SORT a NUMBERS Set
 */

const numbersSet = new Set([300, 100, 700]);

// 👉️ sorts numbers in Ascending order
const sortedNumbers = Array.from(numbersSet).sort((a, b) => a - b);
console.log(sortedNumbers); // 👉️ [100, 300, 700]

const sortedNumbersSet = new Set(sortedNumbers);
console.log(sortedNumbersSet); // 👉️ {100, 300, 700}

/**
 * 👇️ SORT a STRINGS Set
 */

const stringsSet = new Set(['c', 'b', 'a']);

const sortedStrings = Array.from(stringsSet).sort();
console.log(sortedStrings); // 👉️ ['c', 'b', 'a']

const sortedStringsSet = new Set(sortedStrings);
console.log(sortedStringsSet); // 👉️ {'a', 'b', 'c'}
```

<InArticleAd />

We used the
[Array.from](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
method to create an array from the `Set` object.

We then called the
[Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)
method on the array.

**Notice that when sorting numbers, we have to pass a function as a parameter to
the `sort` method, whereas with strings, we don't.**

The parameter we passed to the `sort` method is a function that defines the sort
order.

<Alert type="error">
  If you don't provide this parameter, the array elements get converted to
  strings and sorted according to their UTF-16 code unit values.
  <br />
  This is not what we want when working with <code>Sets</code> that contain
  numbers, however it's exactly what we want when comparing strings.
</Alert>

After we have sorted the array, we have to pass it to the
[Set constructor](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/Set)
to convert it back to a `Set`. We can iterate over `Sets` in element insertion
order.

<Alert>
  Using the <code>Array.from</code> method is the recommended approach when
  using TypeScript, because the compiler often complains when using the spread
  operator (...) with iterators.
</Alert>

Here are the same examples, however this time we use the
[spread operator (...)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax)
instead of `Array.from`.

```javascript:index.js
const numbersSet = new Set([300, 100, 700]);

const sortedNumbers = [...numbersSet].sort((a, b) => a - b);
console.log(sortedNumbers); // 👉️ [100, 300, 700]

const sortedNumbersSet = new Set(sortedNumbers);
console.log(sortedNumbersSet); // 👉️ {100, 300, 700}

/**
 * 👇️ SORT a STRINGS Set
 */

const stringsSet = new Set(['c', 'b', 'a']);

const sortedStrings = [...stringsSet].sort();
console.log(sortedStrings); // 👉️ ['c', 'b', 'a']

const sortedStringsSet = new Set(sortedStrings);
console.log(sortedStringsSet); // 👉️ {'a', 'b', 'c'}
```

<Alert type="success">
  The spread operator (...) is the most commonly used approach to convert a
  <code>Set</code> into an array.
</Alert>

<InArticleAd />

## Further Reading

- [How to get the Length of a Number in JavaScript](/blog/javascript-get-length-of-number)
- [How to get the Length of a Set in JavaScript](/blog/javascript-get-length-of-set)

<InArticleAd />


How to sort a Set in JavaScript

Sort a Set in JavaScript #

Further Reading #

Borislav Hadzhiev

For more articles, navigate to myHome Page

How to sort a Set in JavaScript

Sort a Set in JavaScript #

Further Reading #

Join my newsletter

Borislav Hadzhiev

For more articles, navigate to myHome Page