Co to jest zestaw w TypeScript i jak można go używać?

Co To Jest Zestaw W Typescript I Jak Mozna Go Uzywac



A ' Ustawić ” to struktura danych przechowująca grupę/kolekcję unikalnych wartości. Wartości w zestawie mogą należeć do dowolnego typu danych, w tym liczb, ciągów znaków lub obiektów. Jedną z kluczowych cech zestawu jest to, że nie pozwala on na powielanie wartości. Kiedy nowa wartość jest dodawana do zestawu, jest porównywana z istniejącymi wartościami, aby sprawdzić, czy już istnieje. Jeśli wartość już istnieje, nie jest dodawana do zestawu. Dzięki temu jest przydatny do przechowywania unikalnych wartości i unikania duplikatów.

W tym artykule zademonstrujemy zestaw w TypeScript i sposób, w jaki jest używany w TypeScript.







Co to jest zestaw w TypeScript?

Ustawić ” to wbudowana struktura danych w TypeScript, która umożliwia przechowywanie unikalnych elementów dowolnego typu, niezależnie od tego, czy są to typy pierwotne, takie jak liczby i łańcuchy, czy złożone obiekty. Podobnie jak tablice, zestawy umożliwiają przechowywanie kolekcji wartości, jednak w przeciwieństwie do tablic, zestawy nie mają indeksów. Zestaw można zadeklarować lub zainicjować za pomocą „ Ustawić ” konstruktor.



Składnia



Aby utworzyć zestaw, użyj następującej składni:





const mójZbiór = nowy Zbiór ( ) ;


Alternatywnie możesz również określić typ zestawu, używając podanej składni:

const mójZbiór = nowy Zbiór < typ > ( ) ;


Zanim przejdziesz dalej, najpierw zrozum, że aby wykonać plik TypeScript, należy go transpilować do pliku JavaScript po każdej modyfikacji, a następnie uruchomić kod JavaScript na terminalu za pomocą podanych poleceń:



tsc nazwa pliku.ts
węzeł nazwa_pliku.js


Przykład

W podanym przykładzie po prostu utworzymy zestaw. Najpierw zadeklaruj i zainicjuj „ strunowy ” wpisz Zestaw o nazwie „ ustawić ” za pomocą Konstruktora zestawów i wydrukuj go na konsoli za pomocą „ log.konsoli() ' metoda:

konst ustawić = nowy zestaw < strunowy > ( [ „HTML” , „CSS” , „JavaScript” , 'jQuery' ] ) ;
log konsoli ( ustawić ) ;


Wyjście


Możesz także zadeklarować zestaw bez określania jego typu za pomocą konstruktora zestawu:

konst ustawić = nowy zestaw ( ) ;


Dodaj wartości do zestawu za pomocą „ dodać() ” która jest predefiniowaną metodą obiektu Set:

ustaw.dodaj ( „HTML” ) ;
ustaw.dodaj ( „CSS” ) ;
ustaw.dodaj ( „JavaScript” ) ;
ustaw.dodaj ( 'jQuery' ) ;


Na koniec wydrukuj zestaw na konsoli:

log konsoli ( ustawić ) ;


Wyjście

Metody zestawu TypeScript

Niektóre powszechnie używane predefiniowane metody i właściwości Set Object zostaną omówione w podanej tabeli:

Metody/Właściwości

Opis

Składnia

dodać() Ta metoda służy do dodawania wartości w zestawie. mySet.add(wartość)
ma() Aby sprawdzić, czy dany element istnieje w tablicy, czy nie, użyj metody „has()”. mójZbiór.has(wartość)
usuwać() Aby usunąć dowolny element z zestawu, użyj tej metody. mySet.delete(wartość)
wartości() Aby uzyskać ustawione wartości, używana jest metoda „values()”. mySet.values()
rozmiar Właściwość „rozmiar” służy do określenia długości lub rozmiaru Zestawu. mójZestaw.rozmiar
jasne() Aby wyczyścić lub usunąć wszystkie elementy z Zestawu, stosuje się tę metodę. mójZbiór.wyczyść()

Jak można użyć Set w TypeScript?

W TypeScript lub JavaScript zestawy mogą być wykorzystywane do usuwania duplikatów z tablic, weryfikowania członkostwa w zbiorach i wykonywania operacji na zbiorach, w tym łączenia, przecinania i różnicowania.

Przykład

Tutaj w podanym przykładzie zobaczymy, jak Set usuwa zduplikowane wartości z tablicy. Najpierw utwórz tablicę liczb parzystych:

stała liczba parzystych = [ 2 , 4 , 6 , 2 , 8 , 10 , 4 , 14 , 12 ] ;


Następnie określimy długość tablicy za pomocą „ długość ' atrybut:

log konsoli ( 'Rozmiar tablicy to: ' + parzysta liczba.długość ) ;


Teraz utwórz Set za pomocą konstruktora Set, przekazując tablicę „ liczby parzyste ”:

const uniqueEvenNumbersSet = nowy zestaw ( parzyste liczby ) ;


Wykonaj iterację zestawu i wydrukuj wartości w konsoli:

uniqueEvenNumbersSet.forEach ( ( wartość ) = > {
log konsoli ( wartość ) ;
} ) ;


Na koniec zweryfikujemy rozmiar Zestawu za pomocą „ rozmiar ' nieruchomość.:

log konsoli ( 'Rozmiar zestawu to: ' + unikalnyEvenNumbersSet.rozmiar ) ;


Dane wyjściowe wskazują, że długość tablicy wynosi „ 9 ”, podczas gdy długość lub rozmiar Zestawu to „ 7 ”, co wskazuje, że zestaw usuwa zduplikowane wartości z tablicy i przechowuje tylko unikalne wartości:


To było wszystko o Set w TypeScript i jego użyciu w TypeScript.

Wniosek

„Zestaw” to predefiniowana struktura danych w TypeScript, która umożliwia przechowywanie unikalnych elementów dowolnego typu. W TypeScript może być używany do usuwania duplikatów z tablic, weryfikowania członkostwa w kolekcji i wykonywania operacji na zestawach, takich jak łączenie, przecinanie i różnica. W tym artykule przedstawiono Set w TypeScript i sposób, w jaki jest używany w TypeScript.