JavaScript String’lerinde Ustalık: Birleştirme, Metotlar ve Gelişmiş Teknikler

Dizeler, JavaScript’te metin saklama ve işleme için karakter dizileri olarak temel bir rol oynar. Bu öğretici, temel dizi manipülasyon tekniklerini ele almaktadır.

İçerik Tablosu

• Dize Birleştirme
• Temel Dize Metotları
• Gelişmiş Dize Manipülasyonu

Dize Birleştirme

Dizeleri birleştirmek çok önemlidir. JavaScript, birkaç yaklaşım sunar:

1. + Operatörü: En basit yöntem. + operatörü dizeleri doğrudan birleştirir.

let str1 = "Merhaba";
let str2 = " Dünya!";
let combined = str1 + str2; // combined "Merhaba Dünya!" olur
console.log(combined);

2. Şablon Literalleri (Backtick’ler): ES6’da tanıtılan şablon literalleri, özellikle değişkenleri içerdiğinde daha iyi okunabilirlik sağlar.

let name = "Alice";
let greeting = `Merhaba, ${name}!`; // greeting "Merhaba, Alice!" olur
console.log(greeting);

let age = 30;
let message = `Adım ${name}, ve ${age} yaşındayım.`;
console.log(message);

Şablon literalleri, ${expression} kullanarak ifadeleri dizelere sorunsuz bir şekilde gömer ve kod açıklığını artırır.

Temel Dize Metotları

JavaScript, zengin bir yerleşik dize metodu kümesi sunar:

• length: Dizinin uzunluğunu (karakter sayısını) döndürür.
• toUpperCase(): Büyük harfe dönüştürür.
• toLowerCase(): Küçük harfe dönüştürür.
• substring(startIndex, endIndex): Bir alt dizeyi ayıklar (endIndex hariçtir).
• slice(startIndex, endIndex): substring‘e benzer, ancak negatif indeksleri (sondan sayma) destekler.
• indexOf(searchValue, fromIndex): Bir değerin ilk oluşumunu bulur; bulunmazsa -1 döndürür.
• lastIndexOf(searchValue, fromIndex): Bir değerin son oluşumunu bulur; bulunmazsa -1 döndürür.
• replace(searchValue, newValue): Bir değerin ilk oluşumunu değiştirir.
• replaceAll(searchValue, newValue): Bir değerin tüm oluşumlarını değiştirir.
• trim(): Her iki uçtan da boşlukları kaldırır.
• split(separator): Dizeyi ayırıcıya göre alt dize dizilerine ayırır.
• charAt(index): Belirli bir indeksteki karakteri döndürür.
• charCodeAt(index): Belirli bir indeksteki karakterin Unicode değerini döndürür.

Gelişmiş Dize Manipülasyonu

Temellerin ötesinde, daha gelişmiş teknikleri keşfedin:

Düzenli İfadeler: Güçlü desen eşleştirme ve manipülasyonu için düzenli ifadeler (regex) kullanın. match(), search(), replace() (regex ilk argüman olarak) ve split() (regex ayırıcı olarak) gibi metotlar, karmaşık dize işlemleri için paha biçilmezdir.

let str = "Hızlı kahverengi tilki tembel köpeğin üzerinden atlar.";
let result = str.match(/bw{5}b/g); // 5 harfli tüm kelimeleri eşleştirir
console.log(result); // Çıktı: ['kahverengi', 'üzerinden']

Fonksiyonlarla Dize Enterpolasyonu: Dinamik dize oluşturma için şablon literallerini fonksiyonlarla birleştirin.

function formatDate(date) {
  return date.toLocaleDateString();
}

let today = new Date();
let message = `Bugünün tarihi: ${formatDate(today)}`;
console.log(message);