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.
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().
- 2. Použití JavaScript Spread Operator
- 3. Použití metody JavaScript forEach().
- 4. Použití metody Lodash _.toArray().
- 5. Použití funkce mapování
- Použití metody JavaScript Array.prototype.map s operátorem Spread
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' ]