How to Convert a Set to an Array in JavaScript

This reference explains an individual array operation. For the learning sequence, start with JavaScript arrays and array transformations.

JavaScript offers a powerful built-in Set object that stores unique values. While Sets are useful for ensuring uniqueness, there are many cases where working with arrays is more practical—such as mapping, filtering, or looping through indexed elements.

So, how do you convert a Set back into an array? In this tutorial, we’ll explore beginner-friendly and modern ways to do exactly that. Whether you're cleaning up duplicates or transforming datasets, knowing how to convert a Set to an Array is essential for any JavaScript developer.

This is the most modern and concise way to convert a Set into an array. The spread operator unpacks all values from the Set into a new array.

const fruitSet = new Set(["apple", "banana", "cherry"]);
const fruitArray = [...fruitSet];
console.log(fruitArray);

["apple", "banana", "cherry"]

The Array.from() method is another clean and readable way to turn a Set into an array. This method creates a shallow-copied array from any iterable object—like a Set.

const colorSet = new Set(["red", "blue", "green"]);
const colorArray = Array.from(colorSet);
console.log(colorArray);

["red", "blue", "green"]

If you're working in older environments or want full control over how items are added, you can use a for...of loop to manually build an array from a Set.

const itemSet = new Set(["Item 1", "Item 2", "Item 3"]);
const itemArray = [];

for (const item of itemSet) {
  itemArray.push(item);
}

console.log(itemArray);

["Item 1", "Item 2", "Item 3"]

Although Sets ensure uniqueness, arrays offer more tools and flexibility. You might want to:

• Access items by index (e.g., array[0])
• Use array methods like map(), filter(), reduce()
• Sort the values
• Work with external libraries expecting arrays

Check whether the operation changes the original array, and test empty inputs and missing matches. Compare related operations in the reference library.