Meydan okuma - Dize işlemleri

Dize metotları ve template literals ile bir metin biçimlendirme aracı yazarsın.

Metin biçimlendirme meydan okuması

Bu meydan okumada bir metin biçimlendirme fonksiyonu yazacaksın. Fonksiyon bir isim dizesi alır, başındaki boşlukları kırpar ve ilk harfini büyük yapar.

İşlem sırası: önce trim() ile boşlukları temizle, sonra slice(0, 1) ile ilk harfi al ve toUpperCase() uygula. Geri kalan harfler için slice(1) ve toLowerCase() kullan.

Sonuç bir template literal ile döndürülür: `Merhaba, ${first}${rest}!`. Bu yapı dize içine değişken gömmeyi kolaylaştırır.

Dize metotlarını zincirlemek

Dize metotları zincirlenebilir. name.trim().slice(0, 1).toUpperCase() üç metodu arka arkaya çağırır ve her biri bir sonrakine sonucunu geçirir.

slice(başlangıç, bitiş) başlangıç dahil, bitiş hariç olacak şekilde bir alt dize döndürür. slice(1) ise ilk harfi atıp kalanını verir.

Sonuçları birleştirmek için + operatörü yerine template literal kullanmak daha okunaklıdır: `Merhaba, ${first}${rest}!`. Burada ${} içine herhangi bir ifade yazılabilir.

Uygulama formatName fonksiyonunu yaz

formatName adında bir fonksiyon tanımla. name parametresi alsın. Önce trim() ile boşlukları temizle. İlk harfi slice(0, 1).toUpperCase() ile büyük yap; geri kalanı slice(1).toLowerCase() ile küçült. Sonucu `Merhaba, ${first}${rest}!` template literal'i ile döndür.

Örnek çözümü göster

Önce name.trim() çağır. İlk harfi slice(0, 1).toUpperCase() ile, geri kalanı slice(1).toLowerCase() ile al. Sonucu template literal içinde birleştir.

Örnek çözüm:
function formatName(name) {
  const trimmed = name.trim();
  const first = trimmed.slice(0, 1).toUpperCase();
  const rest = trimmed.slice(1).toLowerCase();
  return `Merhaba, ${first}${rest}!`;
}

Kendini test et

"javascript".slice(0, 4) ifadesi ne döner?
```
"javascript".slice(0, 4);
```
- "script"
- "jav"
- "javascript"
- "java"
Cevabı göster

"java" — Doğru. slice(0, 4) 0, 1, 2 ve 3 indekslerini alır; sonuç "java" olur.

Template literal içine değişken göm

const greeting = `Merhaba, ${____}!`;

Cevabı göster

const greeting = `Merhaba, ${name}!`;

Sıradaki ders: Meydan okuma - Hata yönetimi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler