“ Haritalar ”, anahtar/değer çiftlerini depolamak ve almak için kullanılır. TypeScript'te bir JavaScript haritasına benzeyen yerleşik bir veri yapısıdır, ancak ek olarak tip denetimi avantajına sahiptir. TypeScript Map sınıfı, herhangi bir anahtar ve değer türüyle anahtar/değer çiftlerini depolamak için güvenli bir yol sağlar.
Bu blog, TypeScript'te Harita oluşturmanın yollarını açıklayacaktır.
TypeScript'te Harita Nasıl Oluşturulur?
TypeScript'te bir harita oluşturmak için aşağıdaki yaklaşımları kullanın:
Yöntem 1: 'Harita' Yapıcısını Kullanarak Bir Harita Oluşturun
TypeScript'te bir harita oluşturmak için ' Harita ” yapıcı. 'Harita' oluşturucusunu kullanırken, TypeScript'te bir harita oluşturmanın iki yolu vardır:
-
- Ya haritayı “ ile ilan edebilirsiniz. yeni ” anahtar kelimesini ve ardından “ ayarlamak() Anahtar/değer çiftlerini eklemek için ” yöntemi.
- Veya bildirim sırasında anahtar/değer çiftleriyle haritayı başlatın.
Sözdizimi
Verilen sözdizimi, Map yapıcısını kullanarak TypeScript'te bir harita oluşturmak için kullanılır:
yeni Harita < tip , tip > ( )izin vermek harita = yeni Harita < dizi, sayı > ( ) ;
Burada, “ sicim ', Ve ' sayı ” anahtarın türü ve haritanın değeridir.
Haritayı bildirim anında başlatmak için aşağıdaki sözdizimini kullanın:
izin vermek harita = yeni Harita < dizi, dizi > ( [[ 'anahtar1' , 'değer1' ] ,
[ 'anahtar2' , 'değer2' ]
] ) ;
Örnek 1:
Harita anahtarının türünü ve haritanın değerini tanımlayarak Harita yapıcısını kullanarak bir harita oluşturun:
sabit işaretleri = yeni Harita < dizi, sayı > ( ) ;
Kullan ' ayarlamak() ” anahtar/değer çiftlerini haritaya ekleme yöntemi:
işaretler.set ( 'Coğrafya' , 25 ) ;
işaretler.set ( 'Matematik' , 40 ) ;
işaretler.set ( 'İngilizce' , 31 ) ;
Son olarak, haritayı konsolda yazdırın:
Şimdi, terminalde aşağıda verilen komutu yürüterek TypeScript kodunu JavaScript koduna aktarın:
Ardından, aşağıdaki komutu kullanarak JavaScript kodunu yürütün:
Çıktı
Not : TypeScript kodunun güncellenmesinden sonra TypeScript dosyasının transpile edilmesi zorunludur.
Örnek 2:
Haritayı, Harita oluşturucuyu kullanarak da başlatabilirsiniz:
izin vermek işaretler = yeni Harita < dizi, dizi > ( [[ 'Tarih' , '39' ] ,
[ 'Coğrafya' , '25' ] ,
[ 'Matematik' , '40' ] ,
[ 'İngilizce' , '31' ]
] ) ;
Haritayı “ kullanarak konsolda yazdırın. konsol.log() ' yöntem:
Çıktı
Yöntem 2: 'Kayıt Yardımcı Programı' Türünü Kullanarak Bir Harita Oluşturun
Bir harita oluşturmanın başka bir yolu da “ Kayıt yardımcı programı ' tip. Anahtar-değer çiftlerinin bir eşlemesini temsil eden bir türü tanımlamak için kullanılabilen, TypeScript'te yerleşik bir türdür. Anahtarların türü ve değerlerin türü olmak üzere iki parametre alır.
Sözdizimi
'Kayıt Yardımcı Programı' Türünü kullanarak Harita oluşturmak için verilen sözdizimini izleyin:
Kayıt < tip , tip > = { }
Örnek
'Kayıt Hizmet Tipi'ni kullanarak bir harita oluşturun:
sabit işaretleri: Kayıt < dizi, dizi > = { } ;
Değeri haritanın tuşlarına atayın:
işaretler [ 'Coğrafya' ] = '25' ;
işaretler [ 'Matematik' ] = '40' ;
işaretler [ 'İngilizce' ] = '31' ;
Son olarak, haritayı konsolda yazdırın:
Çıktı
TypeScript'te Harita oluşturmaya ilişkin gerekli tüm bilgileri sağladık.
Çözüm
TypeScript'te bir harita oluşturmanın, “ kullanmak gibi iki yolu vardır. Harita Oluşturucu ” ve “ kullanarak Kayıt yardımcı programı türü ”. Her iki yaklaşım da iyi performans gösterir ancak ilk yaklaşım, TypeScript'te bir harita oluşturmanın yaygın yoludur. Bu blog, TypeScript'te Harita oluşturmanın yollarını açıkladı.