How to Convert Set to Array in JavaScript

Introduction

A structure called an array is used to represent a block of data (such as integers, objects, etc.) that has been allotted in sequential memory. A set is an abstract data type that can include different members without having to assign them in numerical order. Set items cannot be duplicated, although Array elements can.

We can transform a set into an array in javascript by using Array.From(), spread operator, and forEach() method. For these conversions, we will initialize a set that we will be converting into an array.

Learn more about JavaScript Array.

• Javascript Array

Learn more about Map and Set in 'JavaScript'.

• Map and Set in JavaScript

Using Array.from() Method

Array.from() method returns a new array from an array like an object or an iterable object like a Map, Set, or another type of object. Iterable objects like Set can be converted into shallow-copied Array instances using the Array.from() method. With ES6, it was added to the Array object.

The syntax would seem as follows:

Syntax:

The example would seem as follows:

Example - 1: Creating a new instance of the array and converting the iterable into new array by using Array.from() method.

Output:

Explanation: We only gave an iterable object as a parameter to the Array.from() method. The method creates a new instance of the array and converts the iterable into an array.

Example - 2:

Output:

Using Spread Operator

The Spread operator can also be used to turn the set into an array. Where an array literal is expected, the spread syntax enables the expansion of the set. This was added to the JavaScript ES6 specification.

The syntax would seem as follows:

Syntax:

The example would seem as follows:

Example - 1: Converting a set into a new array by using spread operator.

Output:

Explanation:

All of the elements that the Set contains were included into a new array using the spread operator.

Example - 2:

Output:

Using forEach() Method

A different approach is to manually add each Set component to the array. The forEach() method makes this simple to implement, as demonstrated below:

The example would seem as follows:

Example - 1: Converting a set to array by using forEach() method.

Output:

Explanation: The function that we provided the Set. Each value in the Set triggers the forEach method to be called. We only push the value into the array after each iteration.

Example - 2:

Output: