Ako previesť Set na Array v JavaScripte?
Ak chcete previesť a Set do an Pole , musíme poznať hlavné charakteristiky množiny. A nastaviť je zbierka unikátnych predmetov, t.j. žiadny prvok sa nemôže opakovať. Set v ES6 sú usporiadané t.j. prvky nastaviť možno opakovať v objednávke vloženia. Konverzia sady na pole v JavaScripte je jednoduchá vďaka jedinečnej povahe prvkov a usporiadanej štruktúre sady.
previesť Set na Array v JavaScripte
A nastaviť možno previesť na pole v JavaScript nasledujúcimi spôsobmi:
Obsah
- 1. Použitie metódy JavaScript Array.from().
- 2. Použitie JavaScript Spread Operator
- 3. Použitie JavaScriptu pre metódu Each().
- 4. Použitie metódy Lodash _.toArray().
- 5. Použitie funkcie mapovania
- Použitie metódy JavaScript Array.prototype.map s operátorom Spread
1. Použitie metódy JavaScript Array.from().
JavaScript Array.from() metóda vráti nové pole z poľa, objektu alebo iných iterovateľných objektov, ako je mapa, sada atď. Zoberie sadu ako parameter a skonvertuje ju na pole.
Syntax:
const arrayName = Array.from(setName);
Príklad: T jeho príklad konvertuje množinu na pole pomocou Metóda Array.from().
Javascript // 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); Výkon
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. Použitie JavaScript Spread Operator
The Operátor šírenia JavaScriptu možno použiť na deštruktúru prvkov poľa a potom ich priradiť k novej premennej vo forme poľa.
Syntax:
const arrayName = [...setName];
Príklad: Nižšie uvedený kód konvertuje sadu na pole pomocou operátor šírenia .
Javascript // 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); Výkon
Elements in the set are: Set(2) { 'GFG', 'JS' } Elements in the Array created using Set are: [ 'GFG', 'JS' ] 3. Použitie JavaScriptu pre metódu Each().
The arr.forEach() metóda zavolá poskytnutú funkciu raz pre každý prvok množiny, kde sú vložené do poľa pomocou metódy push().
Syntax:
setName.forEach((ele)=>{ názov poľa.push(ho); }); Príklad: Nižšie uvedený príklad kódu používa forEach() metóda na konverziu množiny na pole.
Javascript // 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); Výkon
Set Elements: Set(2) { 'Geeks', 'for' } Array Elements: Geeks,for 4. Použitie metódy Lodash _.toArray().
Lodash je knižnica JavaScript, ktorá nám umožňuje používať _.toArray() metóda, ktorá akceptuje hodnotu a prevedie ju na pole.
POZNÁMKA: Ak chcete použiť tento prístup, musíte nainštalovať knižnicu lodash do vášho lokálneho systému pomocou npm aj lodash príkaz.
Syntax:
const arrayName = _.toArray(setName);
Príklad: Nižšie uvedený kód implementuje metódu _.toArray() knižnice lodash na konverziu sady na pole.
Javascript // 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)); Výkon:
Set Elements: Set(3) { 'welcome', 'to', 'GFG' } Array Elements: [ 'welcome', 'to', 'GFG' ] 5. Použitie metódy Array.from() s mapovacou funkciou
Kým Metóda Array.from(). sa bežne používa na konverziu iterovateľných položiek, ako sú množiny, na polia, umožňuje tiež použitie mapovacej funkcie. Táto funkcia mapovania môže byť užitočná na transformáciu každého prvku množiny počas procesu konverzie.
Syntax:
const arrayName = Array.from(setName, mapFunction);
Príklad: Tento príklad ukazuje, ako použiť Array.from() s mapovacou funkciou na konverziu množiny na pole s upravenými prvkami.
JavaScript // 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('Double Array:', doubledArray); Výkon
Doubled Array: [ 2, 4, 6, 8, 10 ]
Použitie metódy JavaScript Array.prototype.map s operátorom Spread
Ďalším prístupom ku konverzii sady na pole v JavaScripte je kombinácia metódy mapy s operátorom spread. Táto metóda umožňuje transformáciu prvkov počas procesu konverzie, podobne ako Array.from() s mapovacou funkciou, ale s použitím inej syntaxe.
Syntax :
const arrayName = [...setName].map(mapFunction);
Príklad: V tomto príklade skonvertujeme množinu na pole a použijeme transformáciu na každý prvok pomocou metódy mapy.
JavaScript // 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 + '_prípona'); console.log('Sufixed Array:', suffixedArray); Výkon
Suffixed Array: [ 'a_suffix', 'b_suffix', 'c_suffix', 'd_suffix' ]