How to Convert Set to Array in JavaScript

You can either use Array or Set to get an optimal result. However, sometimes, you need to convert Set to Array. In this tutorial, you will find several JavaScript methods of converting Set to Array easily.

Array.from()

The Array.from() method returns a new Array from an array-like object or iterable objects such as Map, Set:

Javascript convert set to array use the Array.from method
const set = new Set(['welcome', 'to', 'W3docs']); console.log(Array.from(set));

The spread Operator

You can spread the Set out in an Array like this:

Javascript convert set to array use the spread operator
const set = new Set(['welcome', 'to', 'W3docs']); let array = [...set]; console.log(array);

forEach

Here is the old fashion way, iterating and pushing to a new Array:

Javascript convert set to array iterating and push to a new array
const set = new Set(['welcome', 'to', 'W3docs']); let array = []; set.forEach(v => array.push(v)); console.log(array);

An Array is a structure which represents the block of data (numbers, objects, etc.) allocated in consecutive memory. Set is an abstract data type which contains distinct elements without the need of being allocated orderly by index. Elements in Array can be duplicated, and in Set, the elements can’t.