CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Array türü

Dizi tanımlamayı ve tür belirtmeyi öğrenirsin.

Array türü

TypeScript'te bir dizi, aynı türden değerlerin sıralı listesidir. Dizi türü iki şekilde yazılır: number[] veya Array<number>. Köşeli parantez içindeki tür, dizinin barındıracağı öğelerin türünü belirler. Tür ek açıklaması değişkenden sonra : ile konur.

let sayilar: number[] = [1, 2, 3];
let isimler: Array<string> = ["Ali", "Ayşe"];

Tür denetimi ve çıkarım

Bir diziye tür belirttiğinde, TypeScript yanlış türde öğe eklemeyi engeller. Tür ek açıklamasını yazmasan bile TypeScript ilk atamadan dizi türünü çıkarır. Ancak açık tür yazmak daha güvenlidir.

let renkler: string[] = ["kırmızı", "mavi"];
renkler.push("yeşil");
// renkler.push(5); // Hata

Uygulama Fiyatlar dizisi

fiyatlar adında bir number[] dizisi tanımla ve içine 100, 250, 75 değerlerini koy. Sonra diziyi console.log ile yazdır.

Başlangıç kodu

index.ts
// fiyatlar dizisini number[] türüyle tanımla ve yazdır

Örnek çözüm

index.ts
let fiyatlar: number[] = [100, 250, 75];
console.log(fiyatlar);

Beklenen çıktı

[ 100, 250, 75 ]

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 `Array<number>` yazımı neyi belirtir?

  • Dizideki tüm öğelerin number türünde olmasını Doğru cevap
  • Dizideki öğelerin farklı türlerde olabilmesini
  • Dizinin yalnızca tek bir sayı tutmasını
  • Dizinin her zaman boş başlamasını

Açıklama: `Array<number>` yazımı, dizideki her öğenin `number` türünde olmasını gerektirir; farklı türde öğe eklemek derleme hatası verir.

2 Dizi türü belirt

Soru 
let notlar: number____ = [70, 85, 90];
Cevap 
let notlar: number[] = [70, 85, 90];

Açıklama: `number[]` yazımı, `number` öğelerinden oluşan bir dizi türü belirtir; bu nedenle boşlukta iki köşeli parantez gerekir.

3 Dizi türü yazımları

Kavram Anlamı
number[] Sayı dizisinin kısa yazımı
Array<string> Metin dizisinin genel yazımı
boolean[] Mantıksal değer dizisinin kısa yazımı
Array<number> Sayı dizisinin genel yazımı

Başlangıç bölümündeki tüm dersler

1 TypeScript nedir? Kurulum

  1. TypeScript nedir?
  2. Neden TypeScript?
  3. tsc derleyicisi
  4. tsconfig temelleri
  5. Özet - TypeScript temelleri

2 Temel türler

  1. string türü
  2. number türü
  3. boolean türü
  4. let ve const
  5. Özet - Temel türler

3 Diziler

  1. Array türü
  2. Array metotları
  3. readonly diziler
  4. Çok boyutlu diziler
  5. Özet - Diziler

4 Tuple

  1. Tuple nedir?
  2. Tuple kullanımı
  3. readonly tuple
  4. Özet - Tuple

5 Enum

  1. Numeric enum
  2. String enum
  3. const enum
  4. Enum üyeleri
  5. Özet - Enum

6 any, unknown, never

  1. any türü
  2. unknown türü
  3. never türü
  4. void türü
  5. Özet - Özel türler

7 Type annotation

  1. Değişken annotation
  2. Parametre annotation
  3. Return type annotation
  4. Özet - Type annotation

8 Type inference

  1. Temel inference
  2. const ile inference
  3. Best common type
  4. Özet - Type inference

9 Objeler

  1. Object türü
  2. Optional properties
  3. Readonly properties
  4. Özet - Objeler

10 Fonksiyonlar

  1. Function declaration
  2. Optional ve default params
  3. Rest params
  4. Function overloads
  5. Özet - Fonksiyonlar

11 Arrow fonksiyonlar

  1. Arrow syntax
  2. Arrow ile this
  3. Arrow type
  4. Özet - Arrow fonksiyonlar

12 Interface'ler

  1. Interface nedir?
  2. Property types
  3. Interface vs type alias
  4. Özet - Interface'ler

13 Type alias

  1. Type alias nedir?
  2. Alias ile composition
  3. Alias vs interface
  4. Özet - Type alias

14 Union ve intersection

  1. Union types
  2. Intersection types
  3. Literal types
  4. Özet - Union & intersection

15 null ve undefined

  1. null ve undefined farkı
  2. Optional chaining
  3. Nullish coalescing
  4. Özet - null & undefined

16 Strict mode

  1. strict: true
  2. strictNullChecks
  3. strictFunctionTypes
  4. Özet - Strict mode

17 Proje: Alışveriş sepeti

  1. Sepet tasarımı
  2. Ürün ekleme
  3. Toplam hesaplama
  4. İndirim uygulama
  5. Birleştirme

18 Proje: Todo CLI

  1. Görev modeli
  2. Ekleme ve listeleme
  3. Tamamlama
  4. Filtreleme
  5. Birleştirme

19 Proje: Kütüphane

  1. Kitap modeli
  2. Ekleme ve arama
  3. Ödünç alma
  4. İade etme
  5. Birleştirme

20 Başlangıç finali

  1. Meydan okuma 1: Türler
  2. Meydan okuma 2: Fonksiyonlar
  3. Meydan okuma 3: Birleşim
  4. Meydan okuma 4: Mini uygulama