CodeBlanks Logo Icon CodeBlanks

trim, padStart, padEnd

JavaScript kursu · Başlangıç · Ders 108/133

trim ile boşlukları kesmeyi ve padStart/padEnd ile dizenin uzunluğunu tamamlamayı öğrenirsin.

trim ile boşluk temizleme

trim metodu bir dizenin başındaki ve sonundaki boşlukları, sekmeleri ve satır sonlarını temizler. Ortadaki boşluklara dokunmaz. Sonucu yeni bir dize olarak döndürür.

Kullanıcıdan gelen girişlerde sıkça gereklidir: " ayşe ".trim() sonucu "ayşe" olur. Yanlışlıkla boşluk kalırsa eşleşme ve arama bozulur; trim bunu önler.

padStart ve padEnd

padStart(hedef_uzunluk, dolgu) metodu bir dizeyi soldan, padEnd sağdan belirli bir uzunluğa tamamlar. Dolgu karakteri eksik kalan yeri doldurur.

Örneğin "7".padStart(4, "0") sonucu "0007"'dir. Fatura numaraları, saatler ve sabit genişlikli kodlar için birebir. Eğer dize hedef uzunluğu zaten aşıyorsa hiçbir şey eklemez.

Uygulama E-posta girişini temizle

email dizesindeki baştaki ve sondaki boşlukları trim ile temizle ve clean değişkenine ata. Sonucu konsola yazdır.

Örnek çözümü göster
const email = "  ayse@x.com  ";
// boşlukları temizle
const clean = email.trim();
console.log(clean);

Uygulama Fatura numarasını 5 haneye tamamla

invoiceNo dizesini soldan 5 haneye tamamla, eksik basamakları "0" ile doldur. Sonucu formatted değişkenine ata ve konsola yazdır.

Örnek çözümü göster
const invoiceNo = "84";
// soldan 5 haneye 0 ile tamamla
const formatted = invoiceNo.padStart(5, "0");
console.log(formatted);

Kendini test et

  1. " selam ".trim() çağrısı ne döndürür?

    "  selam  ".trim()
    • ' selam'
    • 'selam '
    • ' selam '
    • 'selam'
    Cevabı göster

    'selam' — Doğru. trim hem baştaki hem sondaki boşlukları kaldırır, ortadakine dokunmaz.

  2. Sayıyı 4 haneye tamamla

    const n = "7";
    const code = n.____;
    console.log(code);
    Cevabı göster
    const n = "7";
    const code = n.padStart(4, "0");
    console.log(code);
  3. Çağrı → sonuç eşleştir

    " ali ".trim()
    "ali"
    "7".padStart(3, "0")
    "007"
    "5".padEnd(3, "-")
    "5--"
    "12".padStart(3, "0")
    "012"

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