Jak przekonwertować zestaw na tablicę w JavaScript?

Jak przekonwertować zestaw na tablicę w JavaScript?
Nie ma wątpliwości, że zestawy są jednym z najważniejszych elementów wydania JavaScript ES6, ponieważ zapewniają one jakość wyjątkowości, mając tylko jedno wystąpienie każdego elementu na maks. Ale tyle pomocy, może nadal być konieczne przekonwertowanie zestawu na tablicę, aby wykonać różne operacje, których zestaw nie może wykonać na zestawie. Ta konwersja może na początku wydawać się zniechęcająca, ale nie martw się, ponieważ istnieje wiele sposobów przekształcenia zestawu w tablicę w JavaScript.

W tym poście będziesz pracować z następującymi metodami:

  • Używając Szyk.z() metoda utworzenia nowej tablicy.
  • Korzystanie z funkcji foreach () do wypychania elementów do tablicy.
  • Korzystanie z operatora rozprzestrzeniania się do przypisania elementów do tablicy.

Zacznijmy więc od pierwszego. Ale wcześniej zainicjujemy zestaw, który będziemy przekształcić w tablicę w całym tym poście. W tym celu użyj:

var mySet = new set ([„Chicago”, „Moskwa”, „Berlin”, „Tokyo”, „Paris”]);

Jak widać, nasz zestaw składa się z niektórych słynnych miast świata.

Za pomocą tablicy.z () metody zestawu w konwersję tablicy

Pierwszym sposobem uzyskania pożądanego wyjścia jest użycie wbudowanego pakietu Szyk a następnie za pomocą metody "z" z tego pakietu. Składnia tablicy.Metoda () można zdefiniować jako:

ARR = tablica.z (element)
  • element: Element może być wszystkim, od łańcucha po obiekt, a w naszym przypadku zestaw.
  • ARR: ARR to zmienna, w której będziemy przechowywać wartość zwrotu naszej tablicy.z funkcji.

Wartość zwracana:
Szyk.z Metoda zwraca tablicę do dzwoniącego.

Aby użyć tej metody z naszym zestawem, musielibyśmy przejść w naszym zestawie w argumencie tej metody, jako ten wiersz kodu:

var myarray = tablica.z (MySet);

Zwracamy tablicę i przechowujemy ją w zmiennej „MyArray”, i możemy potwierdzić wyjście za pomocą funkcji dziennika konsoli jako:

konsola.log (myarray);

Wyjście tego programu wygląda tak:

Z wyjścia jasno wynika, że ​​nasz zestaw został pomyślnie przekonwertowany na tablicę.

Korzystanie z funkcji Foreach dla zestawu do konwersji tablicy

W JavaScript wszystko jest uważane za obiekt, a każdy obiekt ma tę właściwość znaną jako prototyp; Ten prototyp zapewnia dostęp do niektórych podstawowych funkcji wszystkich obiektów w JavaScript. Jedną z takich funkcji jest dla każdego() funkcjonować. Funkcja foreach () jest używana do iteracji każdego elementu, na którym wywołuje ta funkcja, czy to ciąg, obiekt, mapa, czy zestaw.

Poniżej znajduje się składnia Ta metoda:

obj.foreach ((x) => // instrukcje dla każdego elementu //);
  • X: jest wartością dla każdego elementu w każdej iteracji funkcji foreach ().
  • OBJ: Obiekt, którego elementy są iterowane; może to być ciąg, obiekt, mapa, a nawet zestaw.

Aby użyć tego z naszym zestawem, użyj następujących wierszy kodu:

var myarray = [];
MySet.Foreach ((x) => myarray.push (x));
konsola.Log (myarray)

Tworzymy nową tablicę o nazwie „myarray”I ustawianie go równej pustej tablicy. Następnie wywołujemy funkcję Foreach () na naszym zestawie, a następnie wtrzymywamy każdy element zestawu do naszej nowo utworzonej tablicy. Po wykonaniu otrzymujemy następujące dane wyjściowe:

Wyjście składa się z tablicy utworzonej z naszego zestawu.

Korzystanie z operatora rozprzestrzeniania się do konwersji tablicy

Operator rozprzestrzeniania się, jak wiemy, jest używany do rozpowszechniania elementów iteracyjnego obiektu na niektóre argumenty lub listę. Ale nie wiemy, że możemy nawet użyć operatora rozprzestrzeniania się do konwersji zestawów na tablice. Aby użyć operatora rozprzestrzeniania się, po prostu utwórz tablicę i ustaw ją równą argumentom spreadu zestawu. Spójrz na wiersz kodu poniżej, aby lepiej zrozumieć tę koncepcję:

var myarray = [… MySet];

Stworzyliśmy tablicę nazwaną jako myarray i ustaw swój element równy jego argumentom rozprzestrzenionym; Teraz możemy pocieszyć zalogowanie się za pomocą linii:

konsola.log (myarray);

Po wykonaniu otrzymasz następujące dane wyjściowe:

Jak widać, udało nam się przekonwertować nasz zestaw na tablicę za pomocą operatora rozprzestrzeniania się.

Zakończyć

JavaScript ma trzy główne sposoby przekształcania zestawu w tablicę. Metoda obejmuje stosowanie Operator rozprzestrzeniania się, używając FOREACH () funkcja, i za pomocą „Szyk.z()" metoda. Dostępne są również inne sposoby, ale wymagają niektórych bibliotek zewnętrznych lub pakietów. Dlatego użyliśmy tylko tych, które są domyślne w wydaniu ES6 JavaScript. Ostatecznie, stosując dowolną metody podane w tym poście, daje nam nasze pożądane wyjście.