TypeScript'te Sözlük Nasıl Başlatılır ve Bildirilir

A ' sözlük ”, sırasız bir listede anahtar-değer çiftleri içeren bir tür veri yapısı anlamına gelir. TypeScript'teki “map” ile eşdeğerdir. TypeScript uygulamalarında verileri işlemek için yararlı bir araçtır. TypeScript'te bir sözlük bildirme ve başlatma işlemi basit ve kolaydır. Sözlük genellikle 'Kayıt' yardımcı program türü kullanılarak TypeScript'te bildirilir ve başlatılır.

Bu gönderi, TypeScript'te bir sözlük bildirme ve başlatma yöntemlerini açıklayacaktır.

TypeScript'te Sözlük Nasıl Başlatılır ve Bildirilir?

TypeScript'te bir sözlüğü başlatmak ve bildirmek için aşağıdaki yaklaşımları kullanın:

Devam etmeden önce, bir TypeScript dosyasını yürütmek için, her değişiklikten sonra bir JavaScript dosyasına aktarılması gerektiğini anlayın ve ardından verilen komutları kullanarak terminalde JavaScript kodunu çalıştırın:

tsc sözlüğü.ts
düğüm sözlüğü.js

Yöntem 1: Dizine Alınmış Bir Nesne Kullanarak TypeScript'te Sözlüğü Başlatın ve Bildirin

Bir sözlüğü başlatmak ve bildirmek için “ indekslenmiş nesne ”. Bir anahtar grubunu bir değer grubuna bağlayan, her anahtarın farklı olduğu ve belirli bir değere bağlandığı bir veri yapısıdır.

Sözdizimi

Dizinlenmiş nesneyi kullanarak bir sözlüğü başlatmak ve bildirmek için aşağıdaki sözdizimi kullanılır:

tip Sözlüğüm = {
[ anahtar: tip ] : değer türü
} ;

Örnek

İlk olarak “ adında bir sözlük tanımlayacağız. Benim sözlüğüm sözlüğümüzün şeklini tanımlayan dizinlenmiş bir nesne türü olan ”:

tip Sözlüğüm = {
[ anahtar: dizi ] : sayı
} ;

Ardından, yeni bir değişken ilan edip başlatıyoruz ' yaş sözlüğü ' türü ' Benim sözlüğüm ” ve ona üç anahtar/değer çifti ile bir değişmez nesne atayın:

const ageDictionary: Sözlüğüm = {
'John' : 26 ,
'Mary' : 28 ,
'Kaynak' : 27
} ;

“ içindeki değişkeni ileterek sözlüğü konsolda yazdırın. konsol.log() ' yöntem:

konsol.log ( yaş sözlüğü ) ;

Çıktı

Bir sözlüğün belirtilen herhangi bir anahtarının değerini almak istiyorsanız, köşeli parantez '[ ]' notasyonunu kullanabilirsiniz:

konsol.log ( yaş sözlüğü [ 'Kaynak' ] ) ;

Çıktı, “ yaşını gösterir. Kaynak ' yani ' 27 ”:

Yöntem 2: Bir Arabirim Kullanarak TypeScript'te Sözlüğü Başlatın ve Bildirin

Bir sözlüğü başlatmak ve bildirmek için “ arayüz ”. TypeScript'teki bir arabirim, bir nesnenin izlemesi gereken bir sözleşmeyi ifade etmeye yönelik bir tekniktir. Bir nesnenin, o arayüzün bir örneği olarak kabul edilmesi için gereken nitelikleri ve özellik türlerini tanımlar.

Sözdizimi

Arabirimi kullanarak bir sözlüğü başlatmak ve bildirmek için verilen sözdizimini izleyin:

arayüz bilgisi {
key1: değer1Tür;
key2: değer2Tür;
}

Örnek

İlk olarak, “adlı bir sözlük tanımlayın. Bilgi ”, onu uygulayan herhangi bir nesnenin “string” türünde bir name özelliğine ve “number” türünde bir age özelliğine sahip olmasını gerektiren bir “arayüz” kullanarak:

arayüz bilgisi {
isim: dizi;
yaş: sayı;
}

Ardından, yeni bir değişkeni bildirin ve başlatın ' öğrenci sözlüğü ' türü ' Bilgi ” bir öznitelik ile “ İD ' türü ' sayı ”:

öğrenci sözlüğü idi: { [ kimlik Numarası ] : Bilgi; } = {
1 : { isim: 'Jack' , yaş: onbeş } ,
2 : { isim: 'sülük' , yaş: 18 }
} ;

Son olarak, sözlüğü konsolda yazdırın:

konsol.log ( öğrenci sözlüğü ) ;

Çıktı

Şimdi, index veya id 2'deki nesneye erişeceğiz:

konsol.log ( öğrenci sözlüğü [ 2 ] ) ;

Çıktı

Yöntem 3: ES6 Eşlemesini Kullanarak TypeScript'te Sözlüğü Başlatın ve Bildirin

TypeScript'te bir sözlüğü başlatmak ve bildirmek için ES6 Harita yaklaşımını da kullanabilirsiniz. Anahtar ve değerin herhangi bir veri türünde olabileceği anahtar-değer çiftlerinin saklanmasını sağlayan, JavaScript ve TypeScript'te yerleşik bir veri yapısıdır.

Sözdizimi

ES6 Haritasını kullanmak için verilen sözdizimini izleyin:

yeni Harita < anahtarTürü, değerTürü > ( ) ;

Örnek

Öncelikle, anahtarların ve değerlerin türünü “ olarak belirterek Map yapıcısını kullanarak bir harita nesnesi oluşturacağız. sicim ”:

izin vermek öğrenci = yeni Harita < dizi, dizi > ( ) ;

Şimdi, anahtar/değer çiftlerini sözlüğe eklemek için set() yöntemini kullanın:

öğrenci.set ( 'isim' , 'sülük' ) ;
öğrenci.set ( 'yaş' , '18' ) ;
öğrenci.set ( 'hobi' , 'Kitap okuma' ) ;

Sözlüğü konsolda yazdırın:

konsol.log ( öğrenci ) ;

Çıktı

Yöntem 4: Kayıt Yardımcı Programı Türünü Kullanarak TypeScript'te Sözlüğü Başlatın ve Bildirin

Bir sözlüğü başlatmanın ve bildirmenin başka bir yolu, TypeScript'te 'Kayıt' yardımcı program türünü kullanmaktır. Bir sözlüğü başlatmanın ve bildirmenin en yaygın yolu budur. Belirtilen anahtarlar ve değerlerle bir tür oluşturmaya olanak tanıyan, TypeScript'te önceden oluşturulmuş bir veri yapısıdır.

Sözdizimi

Kayıt yardımcı programı türü için aşağıdaki sözdizimi kullanılır:

Kayıt < anahtarTürü, değerTürü > = { } ;

Örnek

Verilen örnekte, “ adında bir sözlük ilan edip başlatıyoruz. öğrenci ' kullanmak ' Kayıt ” dize tipinin anahtarlarını ve değerlerini belirtmek için yardımcı program türü:

izin vermek öğrenci: Kayıt < dizi, dizi > = {
'isim' : 'sülük' ,
'yaş' : '18' ,
'hobi' : 'Kitap okuma' ,
} ;

Son olarak, sözlüğü konsolda yazdırın:

konsol.log ( öğrenci ) ;

Çıktı

TypeScript'te bir sözlüğün başlatılması ve bildirilmesi ile ilgili tüm temel bilgileri derledik.

Çözüm

TypeScript'te bir sözlük başlatmak ve bildirmek için ' Dizinlenmiş nesne ”, “ BİR Arayüz ”, “ ES6 Haritası ' ya da ' Kayıt yardımcı programı türü ”. Bir sözlüğü başlatmanın ve bildirmenin en yaygın yolu “Kayıt yardımcı program türü”dür. Bu gönderi, bir TypeScript sözlüğünü bildirme ve başlatma yöntemlerini açıkladı.

TypeScript'te Sözlük Nasıl Başlatılır ve Bildirilir