W tym poście dowiemy się wszystkiego o zestawach JavaScript; Zacznijmy więc od omówienia domyślnych metod ustalonych obiektów obecnych w JavaScript ES6.
Notatka: Konsola przeglądarki służy do demonstracji przykładów w tym artykule.
Metody ustawienia w JavaScript
Istnieje również kilka przydatnych metod zestawu, które omówimy w tym poście, aby lepiej zrozumieć zestawy w JavaScript.
Zestawy w JavaScript
W tym przykładzie utworzymy zestaw z listą studentów; Aby utworzyć zestaw studentów, najpierw utwórz zestaw:
Niech studenci = nowy set ();Jak dodać elementy w zestawie
Teraz, aby dodać wartości/elementy w nowo utworzonym zestawie uczniów, dodać() Zastosowana jest metoda:
studenci.Dodaj („John”);Jak uzyskać rozmiar zestawu
Aby poznać rozmiar zestawu w JavaScript, zastosowana jest metoda rozmiaru. Na przykład, aby poznać wielkość zestawu uczniów:
konsola.Log („Długość zestawu to:” + Studenci.rozmiar);Wartości zestawu w JavaScript
Jeśli spróbujemy dodać wartość w zestawie, który już w nim istnieje, zestaw nie przyjąłby tej nowej wartości. Na przykład, jeśli ponownie dodamy „Bob” do zestawu uczniów:
studenci.Dodaj („Bob”);I pociesz uczniów ustawionych lub sprawdź rozmiar zestawu uczniów:
konsola.log (studenci);Lub:
konsola.Log (uczniowie.rozmiar);Widać, że „bob” nie jest dodawany dwa razy, a rozmiar zestawu uczniów jest taki sam jak poprzednio.
Jak wiedzieć, czy zestaw ma określoną wartość, czy nie
Aby wiedzieć, czy sprawdzić, czy zestaw ma określoną wartość, czy nie, .ma Metoda pomaga. Na przykład, aby wiedzieć, czy zestaw uczniów ma „Bob”, czy nie, zostanie użyty następujący fragment kodu:
konsola.Log (uczniowie.ma („bob”));Jak usunąć element z zestawu
.usuwać Metoda służy do usunięcia zestawu zestawu. Na przykład, aby usunąć „Bob” z zestawu uczniów:
studenci.Usuń („Bob”);Teraz, jeśli ponownie sprawdzimy, czy zestaw uczniów ma „Bob” jako element, czy nie:
konsola.Log (uczniowie.ma („bob”));Powyższa metoda „ma” zwróci false i możesz ją zweryfikować.
Jak usunąć/wyczyścić wszystkie elementy z zestawu
Aby usunąć wszystkie elementy, które istniały w zestawie JavaScript, .jasne Zastosowana jest metoda. Na przykład, aby usunąć wszystkie nazwiska uczniów z zestawu uczniów, wyraźna metoda by sięgała w ten sposób:
studenci.jasne();Teraz, jeśli sprawdzimy rozmiar uczniów, aby zweryfikować:
konsola.Log (uczniowie.rozmiar);Wartość „0” weryfikuje, że nie ma elementu w zestawie uczniów.
Przekształcenie tablicy JavaScript w zestaw
Możemy łatwo przekonwertować tablicę w zestaw w JavaScript, podając ją jako argument do nowy zestaw() konstruktor:
var arr = [6, 10, 18, 3, 3, 9, 6, 7];Wniosek
Jako deweloper JavaScript natkniesz się na wiele przypadków, w których masz tablicę zawierającą wiele elementów (niektóre z nich są duplikaty) i chcesz przekonwertować ją w unikalną tablicę. Chociaż można to zrobić za pomocą różnych technik, takich jak łączenie instrukcji warunkowych z pętlami, wygodna metoda jest stosowana ustawić(). W tym instrukcji poradników nauczyliśmy się tworzyć zestawy w JavaScript wraz z poznawaniem metod zestawu obecnych w JavaScript. Ponadto nauczyliśmy się konwertować tablicę JavaScript w zestaw.