Diziler ve Tuple'lar

JavaScript'te diziler her türlü öğeyi içerebilir ve dinamik olarak büyüyüp küçülebilir. TypeScript, koleksiyonların homojen kalmasını veya sabit bir tür yapısına uymasını sağlamak için statik tür denetimi ekler.

Diziler (Homojen Koleksiyonlar)

TypeScript'te aynı türdeki öğeleri içeren bir dizinin türünü tanımlamanın iki eşdeğer yolu vardır:

1. Eleman tipini ve ardından köşeli parantezleri ([]) kullanarak:

   TS

   Kopyala

   const numbers: number[] = [1, 2, 3];
   const strings: string[] = ['a', 'b', 'c'];

2. Genel Array<T> türünü kullanarak:

   TS

   Kopyala

   const numbers: Array<number> = [1, 2, 3];

Her iki sözdizimi de tamamen geçerlidir, ancak ilki (type[]) geleneksel ve en yaygın stildir. Geçersiz bir değer eklemeye çalışırsanız (örneğin, number[] dizisinde numbers.push("hello")), TypeScript bir derleme zamanı hatası üretecektir.

Demetler (Sabit Uzunluklu Diziler)

Tuple, sabit sayıda öğeye sahip özel bir dizi türüdür; burada her öğe, konumuna bağlı olarak önceden tanımlanmış belirli bir türe sahiptir.

Örneğin, bir durum kodu (sayı) ve bir mesajdan (dize) oluşan bir HTTP yanıtını depolamak için:

const response: [number, string] = [200, 'OK'];

Bu durumda:

• İlk öğe (response[0]) bir number olmalıdır.
• İkinci öğe (response[1]) bir string olmalıdır.
• Dizi tam olarak 2 öğeyle başlatılmalıdır.

Salt Okunur Tuple'lar (readonly)

TypeScript'teki tuple'larla ilgili önemli bir ayrıntı, çalışma zamanında normal JavaScript dizileri olmalarıdır. Bu, .push() veya .pop() gibi değiştirici yöntemlerin teknik olarak mevcut olduğu ve tür kontrollerini kısmen atlayarak demet uzunluğunu değiştirebileceği anlamına gelir.

Bu davranışı önlemek ve gerçek değişmezliği uygulamak için readonly değiştiricisini kullanabiliriz:

const point: readonly [number, number] = [10, 20];
// point.push(30); // Compile-time error!

Kendin dene

Alıştırma 1: Sayı Dizisi

Alıştırma 2: 3B Koordinat Tuple'ı

Alıştırma 3: Konum Bilgisi Tuple'ı

Alıştırma 4: Günlük Girişi Tuple'ı