Um a umzuwandeln Satz In ein Array , müssen wir die Hauptmerkmale einer Menge kennen. A Satz ist eine Sammlung einzigartiger Elemente, d. h. kein Element kann wiederholt werden. Satz in ES6 sind geordnet, d. h. Elemente der Satz kann in der Einfügereihenfolge wiederholt werden. Das Konvertieren eines Sets in ein Array in JavaScript ist dank der einzigartigen Elementbeschaffenheit und geordneten Struktur von Sets unkompliziert.

Konvertieren Sie „Set“ in „Array“ in JavaScript

A Satz kann in ein Array umgewandelt werden JavaScript auf folgende Weise:

Inhaltsverzeichnis

• 1. Verwenden der JavaScript-Methode Array.from()
• 2. Verwendung des JavaScript-Spread-Operators
• 3. Verwenden der JavaScript-Methode forEach()
• 4. Verwenden der Lodash _.toArray()-Methode
• 5. Verwendung der Mapping-Funktion
• Verwenden der JavaScript-Methode Array.prototype.map mit Spread-Operator

1. Verwenden der JavaScript-Methode Array.from()

JavaScript Array.from()-Methode Gibt ein neues Array aus einem Array, Objekt oder anderen iterierbaren Objekten wie Map, Set usw. zurück. Es nimmt die Menge als Parameter und konvertiert sie in ein Array.

Syntax:

const arrayName = Array.from(setName); 

Beispiel: T In diesem Beispiel wird mithilfe von ein Set in ein Array konvertiert Array.from()-Methode

// 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. Verwendung des JavaScript-Spread-Operators

Der JavaScript-Spread-Operator kann verwendet werden, um die Elemente des Arrays zu destrukturieren und sie dann der neuen Variablen in Form eines Arrays zuzuweisen.

Syntax:

const arrayName = [...setName]; 

Beispiel: Der folgende Code konvertiert eine Menge mithilfe von in ein Array Spread-Operator .

// 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. Verwenden der JavaScript-Methode forEach()

Der arr.forEach()-Methode ruft die bereitgestellte Funktion einmal für jedes Element der Menge auf, wo sie mithilfe der Methode push() in ein Array verschoben werden.

Syntax:

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

Beispiel: Das folgende Codebeispiel verwendet die forEach()-Methode um eine Menge in ein Array umzuwandeln.

// 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. Verwenden der Lodash _.toArray()-Methode

Lodash ist eine JavaScript-Bibliothek, die uns die Verwendung ermöglicht _.toArray() Methode, die einen Wert akzeptiert und in ein Array umwandelt.

NOTIZ: Um diesen Ansatz nutzen zu können, müssen Sie die lodash-Bibliothek mithilfe von auf Ihrem lokalen System installieren npm i lodash Befehl.

Syntax:

const arrayName = _.toArray(setName); 

Beispiel: Der folgende Code implementiert die Methode _.toArray() der lodash-Bibliothek, um eine Menge in ein Array umzuwandeln.

// 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)); 

Ausgabe:

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

5. Verwenden der Array.from()-Methode mit einer Mapping-Funktion

Während Array.from()-Methode wird häufig zum Konvertieren iterierbarer Daten wie Mengen in Arrays verwendet und ermöglicht auch die Verwendung einer Zuordnungsfunktion. Diese Zuordnungsfunktion kann nützlich sein, um jedes Element der Menge während des Konvertierungsprozesses zu transformieren.

Syntax:

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

Beispiel: Dieses Beispiel zeigt, wie Array.from() mit einer Zuordnungsfunktion verwendet wird, um eine Menge in ein Array mit geänderten Elementen umzuwandeln.

// 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 ] 

Verwenden der JavaScript-Methode Array.prototype.map mit Spread-Operator

Ein weiterer Ansatz zum Konvertieren eines Sets in ein Array in JavaScript besteht darin, die Map-Methode mit dem Spread-Operator zu kombinieren. Diese Methode ermöglicht die Transformation von Elementen während des Konvertierungsprozesses, ähnlich wie Array.from() mit einer Zuordnungsfunktion, jedoch unter Verwendung einer anderen Syntax.

Syntax :

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

Beispiel: In diesem Beispiel konvertieren wir ein Set in ein Array und wenden mithilfe der Map-Methode eine Transformation auf jedes Element an.

// 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' ]