Muuntaaksesi a Aseta osaksi an Array , meidän on tiedettävä joukon pääominaisuudet. A aseta on kokoelma ainutlaatuisia esineitä, eli mikään elementti ei voi toistua. Aseta ES6:ssa on järjestetty eli elementit aseta voidaan iteroida lisäysjärjestyksessä. Joukon muuntaminen taulukoksi JavaScriptissä on yksinkertaista Setsin ainutlaatuisen elementtiluonteen ja järjestetyn rakenteen ansiosta.

muuntaa Set Arrayksi JavaScriptissä

A aseta voidaan muuntaa taulukoksi JavaScript seuraavilla tavoilla:

Sisällysluettelo

• 1. JavaScript Array.from() -menetelmän käyttäminen
• 2. JavaScript Spread Operatorin käyttäminen
• 3. JavaScript forEach() -menetelmän käyttäminen
• 4. Lodash _.toArray() -menetelmän käyttäminen
• 5. Kartoitustoiminnon käyttäminen
• JavaScript Array.prototype.map -menetelmän käyttö Spread Operatorin kanssa

1. JavaScript Array.from() -menetelmän käyttäminen

JavaScript Array.from() -menetelmä palauttaa uuden taulukon taulukosta, objektista tai muista iteroitavista objekteista, kuten Map, Set jne. Se ottaa joukon parametriksi ja muuntaa sen taulukoksi.

Syntaksi:

const arrayName = Array.from(setName); 

Esimerkki: T hänen esimerkkinsä muuntaa joukon taulukoksi käyttämällä Array.from() -metodi

// 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. JavaScript Spread Operatorin käyttäminen

The JavaScript Spread -operaattori voidaan käyttää taulukon elementtien rakenteen tuhoamiseen ja niiden liittämiseen uudelle muuttujalle taulukon muodossa.

Syntaksi:

const arrayName = [...setName]; 

Esimerkki: Alla oleva koodi muuntaa joukon taulukoksi käyttämällä levitä operaattori .

// 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. JavaScript forEach() -menetelmän käyttäminen

The arr.forEach()-metodi kutsuu tarjotun funktion kerran jokaiselle joukon elementille, jossa ne työnnetään taulukkoon push()-menetelmällä.

Syntaksi:

 setName.forEach((ele)=>{ arrayName.push(hän); }); 

Esimerkki: Alla oleva koodiesimerkki käyttää forEach()-menetelmää varten muuntaaksesi joukon taulukoksi.

// 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. Lodash _.toArray() -menetelmän käyttäminen

Lodash on JavaScript-kirjasto, jonka avulla voimme käyttää _.toArray() menetelmä, joka hyväksyy arvon ja muuntaa sen taulukoksi.

HUOMAUTUS: Jotta voit käyttää tätä lähestymistapaa, sinun on asennettava lodash-kirjasto paikalliseen järjestelmääsi käyttämällä npm i lodash komento.

Syntaksi:

const arrayName = _.toArray(setName); 

Esimerkki: Alla oleva koodi toteuttaa lodash-kirjaston _.toArray()-menetelmän joukon muuntamiseksi taulukoksi.

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

Lähtö:

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

5. Array.from()-menetelmän käyttäminen kartoitusfunktion kanssa

Samalla kun Array.from() -metodi käytetään yleisesti iteroitavien, kuten joukkojen, muuntamiseen taulukoiksi, se mahdollistaa myös kartoitusfunktion käytön. Tämä kartoitustoiminto voi olla hyödyllinen joukon jokaisen elementin muuntamiseksi muunnosprosessin aikana.

Syntaksi:

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

Esimerkki: Tämä esimerkki osoittaa, kuinka Array.from()-funktiota käytetään kuvausfunktion kanssa joukon muuntamiseen taulukoksi, jossa on muokattuja elementtejä.

// 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);>>   
  Lähtö   
Doubled Array: [ 2, 4, 6, 8, 10 ] 
    
 JavaScript Array.prototype.map -menetelmän käyttö Spread Operatorin kanssa  
 
 Toinen tapa muuntaa joukko taulukoksi JavaScriptissä on yhdistää karttamenetelmä levitysoperaattoriin. Tämä menetelmä mahdollistaa elementtien muuntamisen muunnosprosessin aikana, kuten Array.from() kuvausfunktiolla, mutta käyttämällä eri syntaksia.  
  
    Syntaksi     :  
      Esimerkki:     Tässä esimerkissä muunnetaan joukko taulukoksi ja muunnetaan jokaiseen elementtiin karttamenetelmää.  
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 + '_liite'); console.log('Suffixed Array:', suffixedArray);>>   
  Lähtö