Kā JavaScript konvertēt komplektu uz masīvu?

Kā JavaScript konvertēt komplektu uz masīvu?

Lai pārvērstu a Iestatīt uz an Masīvs , mums jāzina kopas galvenās īpašības. A komplekts ir unikālu priekšmetu kolekcija, t.i., neviens elements nevar atkārtot. Iestatīt ES6 ir sakārtoti, t.i., elementi komplekts var atkārtot ievietošanas secībā. Kopas konvertēšana par masīvu JavaScript ir vienkārša, pateicoties komplektu unikālajam elementu raksturam un sakārtotajai struktūrai.

Convert-set-to-masy

konvertēt Set uz Masīvu JavaScript

A komplekts var pārveidot par masīvu JavaScript šādos veidos:

Satura rādītājs

1. Izmantojot JavaScript Array.from() metodi

JavaScript masīvs.from() metode atgriež jaunu masīvu no masīva, objekta vai citiem atkārtojamiem objektiem, piemēram, karte, kopa utt. Tas ņem kopu kā parametru un pārvērš to par masīvu.

Sintakse:

const arrayName = Array.from(setName); 

Piemērs: T viņa piemērs pārvērš kopu par masīvu, izmantojot Masīvs.no() metode

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

Izvade
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 Operator izmantošana

The JavaScript izplatības operators var izmantot, lai destrukturētu masīva elementus un pēc tam piešķirtu tos jaunajam mainīgajam masīva formā.

Sintakse:

const arrayName = [...setName]; 

Piemērs: Tālāk norādītais kods pārvērš kopu masīvā, izmantojot izkliedes operators .

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

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

3. JavaScript forEach() metodes izmantošana

The arr.forEach() metode vienu reizi izsauc sniegto funkciju katram kopas elementam, kur tie tiek novirzīti uz masīvu, izmantojot metodi push().

Sintakse:

 setName.forEach((ele)=>{masīvaNosaukums.push(viņš); }); 

Piemērs: Tālāk sniegtajā koda piemērā tiek izmantots katrai() metodei lai pārveidotu kopu par masīvu.

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

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

4. Izmantojot Lodash _.toArray() metodi

Lodash ir JavaScript bibliotēka, kas ļauj mums izmantot _.toArray() metode, kas pieņem vērtību un pārvērš to masīvā.

PIEZĪME: Lai izmantotu šo pieeju, vietējā sistēmā ir jāinstalē lodash bibliotēka, izmantojot npm i lodash komandu.

Sintakse:

const arrayName = _.toArray(setName); 

Piemērs: Tālāk norādītais kods ievieš lodash bibliotēkas metodi _.toArray(), lai pārveidotu kopu par masīvu.

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

Izvade:

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

5. Izmantojot metodi Array.from() ar kartēšanas funkciju

Kamēr Masīvs.no() metode parasti tiek izmantots, lai pārveidotu iterables, piemēram, kopas par masīviem, tas arī ļauj izmantot kartēšanas funkciju. Šī kartēšanas funkcija var būt noderīga, lai konvertēšanas procesa laikā pārveidotu katru kopas elementu.

Sintakse:

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

Piemērs: Šis piemērs parāda, kā izmantot Array.from() ar kartēšanas funkciju, lai pārveidotu kopu par masīvu ar modificētiem elementiem.

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);>>   
Izvade
Doubled Array: [ 2, 4, 6, 8, 10 ] 

Izmantojot JavaScript Array.prototype.map metodi ar Spread Operator

Vēl viena pieeja kopas konvertēšanai par masīvu JavaScript ir kartes metodes apvienošana ar izkliedes operatoru. Šī metode ļauj pārveidot elementus konvertēšanas procesa laikā, līdzīgi kā Array.from() ar kartēšanas funkciju, bet izmantojot citu sintaksi.

Sintakse :

Piemērs: Šajā piemērā mēs pārveidosim kopu par masīvu un katram elementam piemērosim transformāciju, izmantojot kartes metodi.

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 + '_sufikss'); console.log('Sufiksētais masīvs:', suffixedArray);>>   
Izvade