Aby przekonwertować A Ustawić w Szyk , musimy znać główne cechy zestawu. A ustawić to zbiór elementów unikalnych, tzn. żaden element nie może się powtórzyć. Ustawić w ES6 są uporządkowane tj. elementy ustawić można iterować w kolejności wstawiania. Konwersja zestawu na tablicę w JavaScript jest prosta dzięki unikalnemu charakterowi elementów zestawu i uporządkowanej strukturze.

przekonwertuj zestaw na tablicę w JavaScript

A ustawić można przekonwertować na tablicę w JavaScript w następujący sposób:

Spis treści

• 1. Korzystanie z metody JavaScript Array.from().
• 2. Korzystanie z operatora rozprzestrzeniania JavaScript
• 3. Korzystanie z metody JavaScript forEach().
• 4. Korzystanie z metody Lodash _.toArray().
• 5. Korzystanie z funkcji mapowania
• Używanie metody JavaScript Array.prototype.map z operatorem Spread

1. Korzystanie z metody JavaScript Array.from().

Metoda JavaScript Array.from(). zwraca nową tablicę z tablicy, obiektu lub innych iterowalnych obiektów, takich jak Map, Set itp. Przyjmuje zestaw jako parametr i konwertuje go na tablicę.

Składnia:

const arrayName = Array.from(setName); 

Przykład: T jego przykład konwertuje zestaw na tablicę za pomocą Metoda Array.from().

// 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. Korzystanie z operatora rozprzestrzeniania JavaScript

The Operator rozprzestrzeniania JavaScript można użyć do zniszczenia elementów tablicy, a następnie przypisania ich do nowej zmiennej w postaci tablicy.

Składnia:

const arrayName = [...setName]; 

Przykład: Poniższy kod konwertuje zestaw na tablicę za pomocą metody operatora spreadu .

// 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. Korzystanie z metody JavaScript forEach().

The metoda arr.forEach(). wywołuje podaną funkcję raz dla każdego elementu zestawu, gdzie są one wypychane do tablicy za pomocą metody push().

Składnia:

 setName.forEach((ele)=>{ nazwa tablicy.push(on); }); 

Przykład: Poniższy przykład kodu używa forEach(). aby przekonwertować zbiór na tablicę.

// 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. Korzystanie z metody Lodash _.toArray().

Lodash to biblioteka JavaScript, która pozwala nam korzystać z _.do tablicy() metoda, która akceptuje wartość i konwertuje ją na tablicę.

NOTATKA: Aby zastosować to podejście, musisz zainstalować bibliotekę lodash w systemie lokalnym za pomocą pliku lodash npm i lodash Komenda.

Składnia:

const arrayName = _.toArray(setName); 

Przykład: Poniższy kod implementuje metodę _.toArray() biblioteki lodash w celu konwersji zestawu na tablicę.

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

Wyjście:

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

5. Użycie metody Array.from() z funkcją mapującą

Podczas Metoda Array.from(). jest powszechnie używany do konwertowania obiektów iterowalnych, takich jak zestawy, na tablice, umożliwia także użycie funkcji mapowania. Ta funkcja mapowania może być przydatna do przekształcania każdego elementu zestawu podczas procesu konwersji.

Składnia:

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

Przykład: Ten przykład ilustruje sposób użycia metody Array.from() z funkcją mapowania w celu przekształcenia zestawu w tablicę ze zmodyfikowanymi elementami.

// 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('Podwójna tablica:', podwojona tablica); 

Doubled Array: [ 2, 4, 6, 8, 10 ] 

Używanie metody JavaScript Array.prototype.map z operatorem Spread

Innym podejściem do konwersji zestawu na tablicę w JavaScript jest połączenie metody map z operatorem rozprzestrzeniania. Metoda ta pozwala na transformację elementów w procesie konwersji, podobnie jak Array.from() z funkcją mapującą, ale z inną składnią.

Składnia :

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

Przykład: W tym przykładzie przekonwertujemy zestaw na tablicę i zastosujemy transformację do każdego elementu za pomocą metody map.

// 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 + '_sufiks'); console.log('Tablica z przyrostkami:', Tablica z przyrostkami); 

Suffixed Array: [ 'a_suffix', 'b_suffix', 'c_suffix', 'd_suffix' ]