Jak převést Set na Array v JavaScriptu?

Jak převést Set na Array v JavaScriptu?

Chcete-li převést a Soubor do an Pole , potřebujeme znát hlavní charakteristiky množiny. A soubor je sbírka jedinečných položek, tj. žádný prvek se nemůže opakovat. Soubor v ES6 jsou uspořádány, tj. prvky soubor lze iterovat v objednávce vložení. Převod sady na pole v JavaScriptu je přímočarý díky jedinečné povaze prvků sad a uspořádané struktuře.

convert-set-to-array

převést Set na Array v JavaScriptu

A soubor lze převést na pole v JavaScript následujícími způsoby:

Obsah

1. Použití metody JavaScript Array.from().

Metoda JavaScript Array.from(). vrátí nové pole z pole, objektu nebo jiných iterovatelných objektů, jako je mapa, sada atd. Vezme sadu jako parametr a převede ji na pole.

Syntax:

const arrayName = Array.from(setName); 

Příklad: T jeho příklad převede sadu na pole pomocí 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); 

Výstup
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žití JavaScript Spread Operator

The Operátor šíření JavaScriptu lze použít k destrukci prvků pole a poté je přiřadit k nové proměnné ve formě pole.

Syntax:

const arrayName = [...setName]; 

Příklad: Níže uvedený kód převede sadu na pole pomocí operátor šíření .

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ýstup
Elements in the set are: Set(2) { 'GFG', 'JS' } Elements in the Array created using Set are: [ 'GFG', 'JS' ] 

3. Použití metody JavaScript forEach().

The arr.forEach() metoda zavolá poskytnutou funkci jednou pro každý prvek sady, kde jsou vloženy do pole pomocí metody push().

Syntax:

 setName.forEach((ele)=>{ název pole.push(ho); }); 

Příklad: Níže uvedený příklad kódu používá forEach() metoda převést sadu 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ýstup
Set Elements: Set(2) { 'Geeks', 'for' } Array Elements: Geeks,for 

4. Použití metody Lodash _.toArray().

Lodash je knihovna JavaScriptu, která nám umožňuje používat _.toArray() metoda, která přijímá hodnotu a převádí ji na pole.

POZNÁMKA: Chcete-li použít tento přístup, musíte nainstalovat knihovnu lodash do místního systému pomocí npm i lodash příkaz.

Syntax:

const arrayName = _.toArray(setName); 

Příklad: Níže uvedený kód implementuje metodu _.toArray() knihovny lodash pro převod 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ýstup:

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

5. Použití metody Array.from() s mapovací funkcí

Zatímco Metoda Array.from(). se běžně používá k převodu iterovatelných, jako jsou množiny, na pole, umožňuje také použití mapovací funkce. Tato mapovací funkce může být užitečná pro transformaci každého prvku sady během procesu převodu.

Syntax:

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

Příklad: Tento příklad ukazuje, jak použít Array.from() s mapovací funkcí k převodu sady na pole s upravenými prvky.

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ýstup
Doubled Array: [ 2, 4, 6, 8, 10 ] 

Použití metody JavaScript Array.prototype.map s operátorem Spread

Dalším přístupem k převodu sady na pole v JavaScriptu je kombinace metody map s operátorem spread. Tato metoda umožňuje transformaci prvků během procesu převodu, podobně jako Array.from() s mapovací funkcí, ale s použitím jiné syntaxe.

Syntax :

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

Příklad: V tomto příkladu převedeme sadu na pole a aplikujeme transformaci na každý prvek pomocí metody map.

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 + '_přípona'); console.log('Suffixed Array:', suffixedArray); 

Výstup
Suffixed Array: [ 'a_suffix', 'b_suffix', 'c_suffix', 'd_suffix' ]