Att konvertera en Uppsättning in i en Array , måste vi känna till de viktigaste egenskaperna hos en uppsättning. A uppsättning är en samling unika föremål, dvs inget element kan upprepas. Uppsättning i ES6 beställs dvs. delar av uppsättning kan upprepas i insättningsordningen. Att konvertera en uppsättning till en array i JavaScript är enkel tack vare Sets unika elementnatur och ordnade struktur.

konvertera Set till Array i JavaScript

A uppsättning kan konverteras till en array i JavaScript på följande sätt:

Innehållsförteckning

• 1. Använda JavaScript Array.from() Method
• 2. Använda JavaScript Spread Operator
• 3. Använda JavaScript forEach()-metoden
• 4. Använda metoden Lodash _.toArray().
• 5. Använda mappningsfunktionen
• Använda JavaScript Array.prototype.map Method med Spread Operator

1. Använda JavaScript Array.from() Method

JavaScript Array.from() Metod returnerar en ny Array från en array, ett objekt eller andra itererbara objekt som Map, Set, etc. Den tar uppsättningen som parameter och konverterar den till en array.

Syntax:

const arrayName = Array.from(setName); 

Exempel: T hans exempel konverterar en uppsättning till en array med hjälp av Metoden Array.from().

// Creating array from input string const mySet = new Set([1, 1, 2, 3, 4, 4, 5, 6, 5]); console.log('Elements in the set are: ', mySet); let myArr = Array.from(mySet); // Display output console.log('Elements in the Array created using Set are: ', myArr); 

Elements in the set are: Set(6) { 1, 2, 3, 4, 5, 6 } Elements in the Array created using Set are: [ 1, 2, 3, 4, 5, 6 ] 

2. Använda JavaScript Spread Operator

De JavaScript-spridningsoperatör kan användas för att destrukturera elementen i arrayen och sedan tilldela dem till den nya variabeln i form av en array.

Syntax:

const arrayName = [...setName]; 

Exempel: Koden nedan konverterar en uppsättning till en array med hjälp av spridningsoperatör .

// Input set let mySet = new Set(['GFG', 'JS']); console.log('Elements in the set are: ', mySet); // Convert using spread operator let myArr = [...mySet]; // Display output console.log('Elements in the Array created using Set are: ', myArr); 

Elements in the set are: Set(2) { 'GFG', 'JS' } Elements in the Array created using Set are: [ 'GFG', 'JS' ] 

3. Använda JavaScript forEach()-metoden

De arr.forEach()-metoden anropar den tillhandahållna funktionen en gång för varje element i uppsättningen där de skjuts till en array med push()-metoden.

Syntax:

 setName.forEach((ele)=>{ arrayName.push(honom); }); 

Exempel: Kodexemplet nedan använder forEach()-metoden för att konvertera en uppsättning till en array.

// Create input set let newSet = new Set(); let arr = []; newSet.add('Geeks'); newSet.add('for'); // Duplicate item newSet.add('Geeks'); console.log('Set Elements: ', newSet); let someFunction = function (val1) {  arr.push(val1); }; newSet.forEach(someFunction); // Display output console.log('Array Elements: ' + arr); 

Set Elements: Set(2) { 'Geeks', 'for' } Array Elements: Geeks,for 

4. Använda metoden Lodash _.toArray().

Lodash är ett JavaScript-bibliotek som låter oss använda _.toArray() metod som accepterar ett värde och konverterar det till en array.

NOTERA: För att använda detta tillvägagångssätt måste du installera lodash-biblioteket i ditt lokala system med hjälp av npm i lodash kommando.

Syntax:

const arrayName = _.toArray(setName); 

Exempel: Koden nedan implementerar metoden _.toArray() för lodash-biblioteket för att konvertera en uppsättning till en array.

// Requiring the lodash library  const _ = require('lodash'); let set = new Set(['welcome', 'to', 'GFG']); console.log('Set Elements: ', set); // Use of _.toArray() method  console.log('Array Elements: ', _.toArray(set)); 

Produktion:

Set Elements: Set(3) { 'welcome', 'to', 'GFG' } Array Elements: [ 'welcome', 'to', 'GFG' ] 

5. Använda metoden Array.from() med en mappningsfunktion

Medan Metoden Array.from(). används ofta för att konvertera iterables som uppsättningar till arrayer, det tillåter också användningen av en mappningsfunktion. Denna mappningsfunktion kan vara användbar för att transformera varje element i uppsättningen under konverteringsprocessen.

Syntax:

const arrayName = Array.from(setName, mapFunction); 

Exempel: Det här exemplet visar hur man använder Array.from() med en mappningsfunktion för att konvertera en uppsättning till en array med modifierade element.

// Create a set with numerical values const numSet = new Set([1, 2, 3, 4, 5]); // Convert the set to an array, doubling each element const doubledArray = Array.from(numSet, x =>x * 2); console.log('Doubled Array:', doubledArray); 

Doubled Array: [ 2, 4, 6, 8, 10 ] 

Använda JavaScript Array.prototype.map Method med Spread Operator

Ett annat sätt att konvertera en uppsättning till en array i JavaScript är att kombinera kartmetoden med spridningsoperatorn. Denna metod tillåter transformation av element under konverteringsprocessen, liknande Array.from() med en mappningsfunktion, men med en annan syntax.

Syntax :

const arrayName = [...setName].map(mapFunction); 

Exempel: I det här exemplet kommer vi att konvertera en uppsättning till en array och tillämpa en transformation på varje element med hjälp av kartmetoden.

// Create a set with string values const stringSet = new Set(['a', 'b', 'c', 'd']); // Convert the set to an array, appending a suffix to each element const suffixedArray = [...stringSet].map(x =>x + '_suffix'); console.log('Suffixed Array:', suffixedArray); 

Suffixed Array: [ 'a_suffix', 'b_suffix', 'c_suffix', 'd_suffix' ]