Cum se convertesc Set în Array în JavaScript?
Pentru a converti a A stabilit într-o Matrice , trebuie să cunoaștem principalele caracteristici ale unui set. A a stabilit este o colecție de articole unice, adică niciun element nu poate fi repetat. A stabilit în ES6 sunt ordonate, adică elemente ale a stabilit poate fi repetat în ordinea de inserare. Convertirea unui set într-o matrice în JavaScript este simplă datorită naturii unice a elementelor și structurii ordonate a seturilor.
converti Set în Array în JavaScript
A a stabilit poate fi convertit într-o matrice în JavaScript în următoarele moduri:
Cuprins
- 1. Folosind metoda JavaScript Array.from().
- 2. Utilizarea JavaScript Spread Operator
- 3. Folosind metoda JavaScript forEach().
- 4. Folosind metoda Lodash _.toArray().
- 5. Utilizarea funcției de mapare
- Utilizarea metodei JavaScript Array.prototype.map cu operatorul Spread
1. Folosind metoda JavaScript Array.from().
Metoda JavaScript Array.from(). returnează un nou Array dintr-o matrice, obiect sau alte obiecte iterabile, cum ar fi Map, Set, etc. Ia setul ca parametru și îl convertește într-o matrice.
Sintaxă:
const arrayName = Array.from(setName);
Exemplu: T exemplul său convertește un set într-o matrice folosind Metoda 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); Ieșire
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. Utilizarea JavaScript Spread Operator
The Operator JavaScript Spread poate fi folosit pentru a destructura elementele matricei și apoi a le atribui noii variabile sub forma unui tablou.
Sintaxă:
const arrayName = [...setName];
Exemplu: Codul de mai jos convertește un set într-o matrice folosind operator de răspândire .
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); Ieșire
Elements in the set are: Set(2) { 'GFG', 'JS' } Elements in the Array created using Set are: [ 'GFG', 'JS' ] 3. Folosind metoda JavaScript forEach().
The metoda arr.forEach(). apelează funcția furnizată o dată pentru fiecare element al setului unde sunt împinse într-o matrice folosind metoda push().
Sintaxă:
setName.forEach((ele)=>{ arrayName.push(el); }); Exemplu: Exemplul de cod de mai jos folosește metoda forEach(). pentru a converti un set într-o matrice.
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); Ieșire
Set Elements: Set(2) { 'Geeks', 'for' } Array Elements: Geeks,for 4. Folosind metoda Lodash _.toArray().
Lodash este o bibliotecă JavaScript care ne permite să folosim _.toArray() metodă care acceptă o valoare și o convertește într-o matrice.
NOTĂ: Pentru a utiliza această abordare, trebuie să instalați biblioteca lodash în sistemul dvs. local folosind npm i lodash comanda.
Sintaxă:
const arrayName = _.toArray(setName);
Exemplu: Codul de mai jos implementează metoda _.toArray() a bibliotecii lodash pentru a converti un set într-o matrice.
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)); Ieșire:
Set Elements: Set(3) { 'welcome', 'to', 'GFG' } Array Elements: [ 'welcome', 'to', 'GFG' ] 5. Folosind metoda Array.from() cu o funcție de mapare
In timp ce Metoda Array.from(). este folosit în mod obișnuit pentru a converti iterabile precum seturi în matrice, permite, de asemenea, utilizarea unei funcții de mapare. Această funcție de mapare poate fi utilă pentru transformarea fiecărui element al setului în timpul procesului de conversie.
Sintaxă:
const arrayName = Array.from(setName, mapFunction);
Exemplu: Acest exemplu demonstrează cum să utilizați Array.from() cu o funcție de mapare pentru a converti un set într-o matrice cu elemente modificate.
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('Doubled Array:', doubledArray);>>>
Ieșire Doubled Array: [ 2, 4, 6, 8, 10 ]
Utilizarea metodei JavaScript Array.prototype.map cu operatorul Spread
O altă abordare pentru a converti un set într-o matrice în JavaScript este prin combinarea metodei hărții cu operatorul de răspândire. Această metodă permite transformarea elementelor în timpul procesului de conversie, similar cu Array.from() cu o funcție de mapare, dar folosind o sintaxă diferită.
Sintaxă :
// 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 + '_sufix'); console.log('Sufixed Array:', suffixedArray);>>> Ieșire