“JavaScript’te Strings: Metin Verileriyle Çalışmak”

Selam kod sihirbazları! 🧙‍♂️ Bugün JavaScript’in en çok yönlü, bazen kafa karıştırıcı ama her zaman büyüleyici yapısı olan stringleri keşfedeceğiz. Hazır mısınız? Çünkü metinlerle yapacağımız dansın kuralları yok, sadece birkaç sihirli ipucu var! ✨

1. String Nedir? Neden Bu Kadar Önemli? 🎯

String, kısaca metin verisidir. Harfler, sayılar, semboller, hatta emoji fark etmez. Yani aslında dünyadaki her şeyi bir string’e dönüştürebilirsiniz.

let name = "Cansu";      // İnsan ismi
let greeting = 'Merhaba!'; // Selamlaşma
let emoji = "🚀";        // Emoji bile string

Not: Çift tırnak " " ve tek tırnak ' ' fark etmez. Ama ` (backtick) kullanırsanız template literals ile süper güçler kazanırsınız.

let age = 25;
let message = `Merhaba, ben ${name} ve ${age} yaşındayım!`;
console.log(message);
// Çıktı: Merhaba, ben Cansu ve 25 yaşındayım!

🔹 İpucu: Template literals ile sadece değişkenleri değil, fonksiyon çağrılarını da gömebilirsiniz:

function getYearOfBirth(age) {
  return 2026 - age;
}

let message2 = `Ben ${getYearOfBirth(age)} yılında doğdum.`;
console.log(message2);
// Çıktı: Ben 2001 yılında doğdum.

2. String Uzunluğu ve Karakterlere Erişim 🔍

String’ler aslında diziler gibi davranır, yani her harfe bir indeks atanır. Ama JavaScript’te unutmayın: indeksler 0’dan başlar.

let word = "JavaScript";
console.log(word.length); // 10 → Kaç karakter olduğunu gösterir
console.log(word[0]);     // "J" → İlk karakter
console.log(word[4]);     // "S" → 5. karakter (0'dan başladığı için 4. indeks)

💡 İpucu: Eğer bir string’in son karakterine ulaşmak istiyorsanız:

console.log(word[word.length - 1]); // "t"

3. String Metodları: Karakterlerle Oyun Oynamak 🎮

String’ler sadece saklanmak için değil, eğlenmek ve değişmek için vardır. İşte en sık kullanılan metodlar:

a) Büyük ve Küçük Harf İşleri 🔤

let text = "javascript";
console.log(text.toUpperCase()); // "JAVASCRIPT"
console.log(text.toLowerCase()); // "javascript"

• toUpperCase(): Her şeyi büyük harfe çevirir
• toLowerCase(): Her şeyi küçük harfe çevirir

Eğlenceli ipucu: Bazen string’i çığlık atıyormuş gibi göstermek için kullanabilirsiniz:

let shout = "merhaba dünya".toUpperCase();
console.log(shout); // "MERHABA DÜNYA"

b) Parçalama ve Birleştirme ✂️➕

let sentence = "JavaScript çok eğlenceli!";
let words = sentence.split(" "); // Boşluk karakterinden böl
console.log(words); // ["JavaScript", "çok", "eğlenceli!"]

let newSentence = words.join("-"); // Tekrar birleştir
console.log(newSentence); // "JavaScript-çok-eğlenceli!"

• split() → string’i parçalara ayırır
• join() → diziyi tekrar string’e çevirir

💡 İpucu: Tweet, SMS veya chat uygulamaları yaparken bu metodlar hayat kurtarır.

c) Arama ve Değiştirme 🔍✏️

let str = "Ben JS'i çok seviyorum";
console.log(str.includes("JS")); // true → JS geçiyor mu?
console.log(str.replace("JS", "JavaScript")); 
// "Ben JavaScript'i çok seviyorum"

• includes() → string’in içinde belirli bir şey var mı?
• replace() → ilk bulduğu kısmı değiştirir

Sıradışı ipucu: Eğer hepsini değiştirmek istiyorsanız replaceAll() kullanabilirsiniz:

let text2 = "JS ve JS her yerde!";
console.log(text2.replaceAll("JS", "JavaScript"));
// "JavaScript ve JavaScript her yerde!"

d) Trim ve Fazla Boşluklardan Kurtulma 🧹

let messy = "   merhaba dünya   ";
console.log(messy.trim()); // "merhaba dünya"

• trim() → baş ve sondaki boşlukları siler
• trimStart() → sadece baştan
• trimEnd() → sadece sondan

💡 İpucu: Kullanıcı girişlerini işlerken boşlukları temizlemek, hataları engeller.

4. Stringler ve Emojiler 🌟

Artık emojiler hayatımızın bir parçası, JavaScript de onları seviyor.

let smile = "Hello 😊";
console.log(smile.length); // 7

Ama dikkat! Bazı emojiler veya özel karakterler 2 karakter gibi sayılabilir, bu yüzden Array.from(str) daha güvenli olabilir:

console.log(Array.from("😊").length); // 1 → doğru karakter sayısı

💡 İpucu: Eğer mesajlaşma uygulaması yapıyorsanız bu yöntemle karakter limitlerini doğru hesaplayabilirsiniz.

5. Çok Satırlı Stringler ve Template Literals 📝

Artık \n ile uğraşmanıza gerek yok, backtick kullanın:

let multiLine = `Bu
birden
fazla
satır!`;
console.log(multiLine);

Ve tabi ki değişkenler veya fonksiyonlar da canlı:

let item = "JavaScript";
let price = 50;

let receipt = `Ürün: ${item}
Fiyat: ${price} TL
Toplam: ${price * 1.18} TL (KDV dahil)`;
console.log(receipt);

💡 İpucu: Template literals, fatura, mesaj, bildirim veya mini raporlar hazırlamak için mükemmel.

6. Stringler ile Mini Oyunlar Yapmak 🎲

String metodlarıyla eğlenceli ve küçük oyunlar yapabilirsiniz. Örneğin, “çağrı yapıyormuş gibi” bir fonksiyon:

function shout(text) {
  return text.toUpperCase() + "!!!";
}

console.log(shout("javascript çok eğlenceli")); 
// JAVASCRIPT ÇOK EĞLENCELİ!!!

Ya da kelimeyi ters çeviren bir fonksiyon:

function reverseString(str) {
  return str.split("").reverse().join("");
}

console.log(reverseString("JavaScript")); // "tpircSavaJ"

💡 İpucu: Stringleri ters çevirmek, şifreleme veya mini oyunlarda harika bir hile olabilir! 🕵️‍♂️

7. Ekstra Pratik İpuçları 💡

1. String + Number = String:

console.log("5" + 5); // "55" → dikkat! toplama değil birleştirme

2. Stringi Number’a Çevir:

console.log(Number("5") + 5); // 10

3. Baş ve sondaki karakterleri al:

let name = "JavaScript";
console.log(name.slice(0,4)); // "Java"
console.log(name.slice(-6));  // "Script"

4. Bir string’in kaç kez geçtiğini saymak:

let text = "JS JS JS";
console.log(text.split("JS").length - 1); // 3

Kapanış: String’ler Kod Dünyasının Sihridir ✨

Stringler sadece metin değil, yaratıcılığınızın ve pratik zekânızın birer aracıdır. Onlarla şunları yapabilirsiniz:

• Yazıları formatlamak
• Kullanıcı girişlerini kontrol etmek
• Emoji ve özel karakterlerle iletişim kurmak
• Küçük oyunlar ve interaktif deneyimler yaratmak

💡 Unutmayın: JavaScript stringleri ile hem eğlenin hem üretin! 🎨