Yükleniyor...

Dize yöntemleri

Bir dize yazmayı biliyorsunuz. Bu oturum yöntemler hakkında: metin üzerinde çağırdığınız araçlar — büyük/küçük harf, parça kesme, boşluk temizleme, sözcük değiştirme veya «bu ifade içinde var mı?» diye sorma. Dilin tüm yöntemlerini ezberlemeyin; kısa günlük bir setle başlayın.

JavaScript’te dize yöntemleri nasıl çalışır?

Bir dize yöntemi değere nokta, ad ve parantez ile çağrılır: "hi".toUpperCase(). Çoğu yeni bir dize döndürür. Sonucu kaydetmezseniz (let clean = raw.trim()) özgün değişmez. Başlangıç: toUpperCase / toLowerCase, slice, trim, replace (ilk eşleşme), includes (evet/hayır) ve indexOf (konum veya -1).

Dize yöntemi araç kutusu

📊 Yeni başlayanın önce kullandığı metin yöntemleri

Fikir Örnek Sonuç / not
Büyük harf "hi".toUpperCase() "HI"
slice "JavaScript".slice(0, 4) "Java" (bitiş indeksi dahil değil)
trim " hi ".trim() "hi"
replace "a-a".replace("-", "/") "a/a" (yalnızca ilk eşleşme)
includes "hello".includes("ell") true
indexOf "hello".indexOf("l") 2 (ilk indeks; yoksa -1)

Harf büyüklüğünü değiştirin

toUpperCase() ve toLowerCase() tek tip harfli yeni bir dize üretir — kullanıcı metnini karşılaştırmadan önce işe yarar.

Büyük ve küçük harf

javascript 
let city = "Tehran";
console.log(city.toUpperCase());
console.log(city.toLowerCase());
console.log(city);

slice ile parça kesin

slice(start, end) start’tan end’e kadar (dahil değil) kopyalar. end yoksa son karaktere gider. İndeksler 0’dan başlar.

slice ile dize kesme

javascript 
let word = "JavaScript";
console.log(word.slice(0, 4));
console.log(word.slice(4));
console.log(word);

trim ile kenar boşluklarını temizleyin

Kullanıcı girdisinde çoğu zaman başta/sonda boşluk vardır. trim() bunları alır; ortadakiler kalır.

trim ile boşluk temizleme

javascript 
let raw = "  hello  ";
let clean = raw.trim();
console.log(raw.length);
console.log(clean.length);
console.log(clean);

replace ile metin değiştirin

replace(old, new) old’un ilk eşleşmesini new ile değiştirir. Gerisi aynı kalır. (Tüm eşleşmeler sonraki konu.)

İlk eşleşmeyi değiştirme

javascript 
let line = "red-blue-red";
console.log(line.replace("-", "/"));
console.log(line);

includes ve indexOf ile arayın

includes(piece) evet/hayır döner (true / false). indexOf(piece) ilk eşleşmenin indeksini verir; yoksa -1.

includes ve indexOf

javascript 
let msg = "Welcome guest";
console.log(msg.includes("guest"));
console.log(msg.includes("admin"));
console.log(msg.indexOf("come"));
console.log(msg.indexOf("x"));

Sayfada temiz başlık

Girdiyi trim edin, harfleri düzeltin, textContent ile gösterin.

Sayfa temiz başlık gösterir

html 
<!DOCTYPE html>
<html>
<head>
<title>String methods — clean title</title>
</head>
<body>
<p id="out">…</p>
<script>
let raw = "  javaScript methods  ";
let title = raw.trim().toUpperCase();
document.getElementById("out").textContent = title;
</script>
</body>
</html>

Paragraf temiz başlığı gösterir. Yalnızca raw’ı değiştirin, yenileyin; trim ve büyük harfi doğrulayın.

Kendiniz deneyin

  1. "Tehran".toUpperCase() ve "Tehran".toLowerCase() yazdırın; değişkende tuttuysanız özgünü de bakın.
  2. "JavaScript"ten ilk dört karakteri slice edin, sonra indeks 4’ten sona.
  3. " hi " için trim yapıp .length’i önce/sonra karşılaştırın.
  4. "a-b-c" üzerinde ilk "-"yi "/" yapın; sonuç ve özgünü yazdırın.
  5. Kısa bir cümlede var olan ve olmayan bir sözcük için includes; bir harf için indexOf.
  6. HTML demoda yalnızca raw’ı değiştirin, yenileyin, yeni başlığı okuyun.

Sık hatalar

  • () olmadan toUpperCase — çağrı gerekir: .toUpperCase()
  • "hi".toUpperCase()’ın özgünü değiştireceğini sanmak — yeni değer döner; gerekirse atayın
  • slice(0, 4)’ün indeks 4’ü de aldığını düşünmek — bitiş dışarıda kalır
  • replace’in tüm eşleşmeleri değiştirdiğini varsaymak — varsayılan yalnızca ilk
  • Net evet/hayır için yalnızca indexOf kullanmak — bunun için includes daha okunur

Özet

  • Yöntemleri . + ad + () ile çağırın
  • toUpperCase / toLowerCase harf büyüklüğünü değiştirir; slice keser; trim kenarları temizler
  • replace ilk eşleşmeyi değiştirir; includes / indexOf içinde arar
  • Genelde yeni değer döner — saklamak istiyorsanız kaydedin
  • Sonraki: boolean değerler — evet/hayır kararları için true ve false

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
8
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 11 / 13
Javascript Ders