Jak zainicjować i zadeklarować słownik w TypeScript

A ' słownik ” odnosi się do typu struktury danych, która zawiera pary klucz-wartość na nieuporządkowanej liście. Jest odpowiednikiem „mapy” w TypeScript. Jest to przydatne narzędzie do obsługi danych w aplikacjach TypeScript. Proces deklarowania i inicjowania słownika w TypeScript jest prosty i łatwy. Słownik jest zwykle deklarowany i inicjowany w TypeScript przy użyciu typu narzędzia „Record”.

W tym poście zostaną opisane metody deklarowania i inicjowania słownika w TypeScript.

Jak zainicjować i zadeklarować słownik w TypeScript?

Aby zainicjować i zadeklarować słownik w TypeScript, użyj następujących metod:

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ń:

słownik tsc.ts
słownik węzła.js

Metoda 1: Zainicjuj i zadeklaruj słownik w TypeScript przy użyciu indeksowanego obiektu

Aby zainicjować i zadeklarować słownik, użyj „ indeksowany obiekt ”. Jest to struktura danych, która łączy grupę kluczy z grupą wartości, gdzie każdy klucz jest odrębny i łączy się z określoną wartością.

Składnia

Następująca składnia jest używana do inicjowania i deklarowania słownika przy użyciu indeksowanego obiektu:

typ Mój słownik = {
[ klucz: typ ] : typ wartości
} ;

Przykład

Najpierw zdefiniujemy słownik o nazwie „ Mój słownik ”, który jest indeksowanym typem obiektu opisującym kształt naszego słownika:

typ Mój słownik = {
[ klucz: ciąg ] : liczba
} ;

Następnie deklarujemy i inicjalizujemy nową zmienną „ wiekSłownik „typu” Mój słownik ” i przypisz do niego literał obiektowy z trzema parami klucz-wartość:

const ageDictionary: MyDictionary = {
'Jan' : 26 ,
„Maryja” : 28 ,
'Głaz' : 27
} ;

Wydrukuj słownik na konsoli, przekazując zmienną w „ log.konsoli() ' metoda:

log konsoli ( wiekSłownik ) ;

Wyjście

Jeśli chcesz pobrać wartość dowolnego określonego klucza słownika, możesz użyć notacji nawiasów kwadratowych „[ ]”:

log konsoli ( wiekSłownik [ 'Głaz' ] ) ;

Dane wyjściowe wyświetlają wiek „ Głaz ' to jest ' 27 ”:

Metoda 2: zainicjuj i zadeklaruj słownik w języku TypeScript przy użyciu interfejsu

Aby zainicjować i zadeklarować słownik, możesz użyć „ interfejs ”. Interfejs w TypeScript to technika wyrażania kontraktu, którego musi przestrzegać obiekt. Definiuje atrybuty i typy właściwości, których wymaga obiekt, aby można go było uznać za instancję tego interfejsu.

Składnia

Postępuj zgodnie z podaną składnią, aby zainicjować i zadeklarować słownik za pomocą interfejsu:

Interfejs Informacje {
klucz1: wartość1Typ;
klucz2: wartość2Typ;
}

Przykład

Najpierw zdefiniuj słownik o nazwie „ Informacje ” używając „interfejsu”, który wymaga, aby każdy obiekt, który go implementuje, miał właściwość name typu „string” i właściwość age typu „number”:

Interfejs Informacje {
nazwa: ciąg;
wiek: liczba;
}

Następnie zadeklaruj i zainicjuj nową zmienną „ uczeńSłownik „typu” Informacje ” z atrybutem “ ID „typu” numer ”:

był studentemSłownik: { [ numer identyfikacyjny ] : Informacje; } = {
1 : { nazwa: 'Jacek' , wiek: piętnaście } ,
2 : { nazwa: 'pijawka' , wiek: 18 }
} ;

Na koniec wydrukuj słownik na konsoli:

log konsoli ( uczeńSłownik ) ;

Wyjście

Teraz uzyskamy dostęp do obiektu o indeksie lub identyfikatorze 2:

log konsoli ( uczeńSłownik [ 2 ] ) ;

Wyjście

Metoda 3: Zainicjuj i zadeklaruj słownik w TypeScript przy użyciu mapy ES6

Możesz także użyć podejścia ES6 Map do inicjowania i deklarowania słownika w TypeScript. Jest to wbudowana struktura danych w JavaScript i TypeScript, która umożliwia przechowywanie par klucz-wartość, gdzie klucz i wartość mogą być dowolnego typu danych.

Składnia

Aby korzystać z mapy ES6, postępuj zgodnie z podaną składnią:

nowa mapa < Typ klucza, Typ wartości > ( ) ;

Przykład

Najpierw utworzymy obiekt mapy za pomocą konstruktora Map, określając typ kluczy i wartości jako „ strunowy ”:

pozwalać uczeń = nowa mapa < sznurek, sznurek > ( ) ;

Teraz użyj metody set(), aby dodać pary klucz-wartość do słownika:

uczeń.zestaw ( 'nazwa' , 'pijawka' ) ;
uczeń.zestaw ( 'wiek' , „18” ) ;
uczeń.zestaw ( 'hobby' , 'Czytanie książki' ) ;

Wydrukuj słownik na konsoli:

log konsoli ( student ) ;

Wyjście

Metoda 4: Zainicjuj i zadeklaruj słownik w TypeScript przy użyciu typu narzędzia Record

Innym sposobem zainicjowania i zadeklarowania słownika jest użycie typu narzędzia „Record” w TypeScript. Jest to najczęstszy sposób inicjowania i deklarowania słownika. Jest to wstępnie zbudowana struktura danych w TypeScript, która umożliwia tworzenie typu z określonymi kluczami i wartościami.

Składnia

Dla typu narzędzia Record używana jest następująca składnia:

Nagrywać < Typ klucza, Typ wartości > = { } ;

Przykład

W podanym przykładzie deklarujemy i inicjalizujemy słownik o nazwie „ student ' używając ' Nagrywać ” typ narzędzia do określenia kluczy i wartości typu string:

pozwalać uczeń: Rekord < sznurek, sznurek > = {
'nazwa' : 'pijawka' ,
'wiek' : „18” ,
'hobby' : 'Czytanie książki' ,
} ;

Na koniec wydrukuj słownik na konsoli:

log konsoli ( student ) ;

Wyjście

Zebraliśmy wszystkie niezbędne informacje związane z inicjowaniem i deklarowaniem słownika w TypeScript.

Wniosek

Aby zainicjować i zadeklarować słownik w TypeScript, użyj „ Indeksowany obiekt ”, „ jakiś Interfejs ”, „ Mapa ES6 ' albo ' Zapisz typ narzędzia ”. Najpopularniejszym sposobem inicjowania i deklarowania słownika jest „Record Utility Type”. W tym poście opisano metody deklarowania i inicjowania słownika TypeScript.

Jak zainicjować i zadeklarować słownik w TypeScript