Şimdi yükleniyor

Javascript charAt() ve charCodeAt() Metodu Nedir ve Nasıl Kullanılır?

JavaScript ile charAt ve charCodeAt Metodu Detaylı Anlatım

charAt() Metodu Nedir ve Nasıl Kullanılır?

charAt() metodu, bir dizgenin (string) belirli bir indeksindeki (pozisyonundaki) karakteri döndürür. Bu metot, dizelerdeki belirli bir karaktere kolayca erişmek için idealdir.

JavaScript-ile-charAt-ve-charCodeAt-Metodu-Detayli-Anlatim-2 Javascript charAt() ve charCodeAt() Metodu Nedir ve Nasıl Kullanılır?

Sözdizimi ( Syntax ):

string.charAt(index)
  • index: Dizgedeki karakterin sırasını belirten pozisyon. İlk karakterin indeksi 0’dır.
Örnek Kullanım:
const metin = "JavaScript";
console.log(metin.charAt(0)); // Çıktı: J
console.log(metin.charAt(4)); // Çıktı: S
console.log(metin.charAt(20)); // Çıktı: (boş bir dizge)

Bu örnekte, charAt(0) ifadesi metindeki ilk karakteri döndürürken, charAt(20) metnin sınırlarını aştığı için boş bir dizge döndürür.


charCodeAt() Metodu Nedir ve Nasıl Kullanılır?

charCodeAt() metodu, bir dizgenin belirli bir indeksindeki karakterin Unicode değerini döndürür. Unicode, bilgisayar sistemlerinde metinleri temsil etmek için kullanılan bir standarttır ve her karaktere bir sayı atanmıştır.

Sözdizimi ( Syntax ):

string.charCodeAt(index)
  • index: Unicode değerini öğrenmek istediğiniz karakterin pozisyonu.
Örnek Kullanım:
const metin = "JavaScript";
console.log(metin.charCodeAt(0)); // Çıktı: 74 (J'nin Unicode değeri)
console.log(metin.charCodeAt(4)); // Çıktı: 83 (S'nin Unicode değeri)
console.log(metin.charCodeAt(20)); // Çıktı: NaN (Geçersiz indeks)

Yukarıdaki örnekte, charCodeAt(0) ifadesi, “J” harfinin Unicode karşılığını (74) döndürür. Eğer belirttiğiniz indeks metnin sınırlarını aşarsa, bu metot NaN döndürür.


charAt() ve charCodeAt() Kullanım Alanları

Bu iki metot genellikle şu durumlarda kullanılır:

  • Metin Analizi: Metindeki belirli karakterleri kontrol etmek veya analiz etmek istediğinizde.
  • Şifreleme ve Kodlama: Karakterlerin Unicode değerlerini kullanarak metinleri şifreleme ya da çözme işlemleri.
  • Doğrulama İşlemleri: Belirli karakterlerin geçerli olup olmadığını kontrol etmek için.
  • Döngülerle Karakter İşleme: Bir dizgedeki her karakteri sırayla işlemek için.

Örnek: Bir Metindeki Tüm Karakterleri Listeleme

Aşağıdaki kod, bir metindeki tüm karakterleri ve Unicode değerlerini konsola yazdırır:

const metin = "Merhaba";

for (let i = 0; i < metin.length; i++) {
  console.log(
    `Karakter: ${metin.charAt(i)}, Unicode: ${metin.charCodeAt(i)}`
  );
}

// Çıktı:
// Karakter: M, Unicode: 77
// Karakter: e, Unicode: 101
// Karakter: r, Unicode: 114
// Karakter: h, Unicode: 104
// Karakter: a, Unicode: 97
// Karakter: b, Unicode: 98
// Karakter: a, Unicode: 97

Örnek: Harflerin Unicode Değerlerini Kullanarak Yeni Bir Metin Oluşturma

Unicode değerlerini değiştirerek bir metni değiştirebilirsiniz:

const metin = "ABCDE";
let yeniMetin = "";

for (let i = 0; i < metin.length; i++) {
  yeniMetin += String.fromCharCode(metin.charCodeAt(i) + 1);
}

console.log(yeniMetin); // Çıktı: BCDEF

Bu örnekte, her karakterin Unicode değeri 1 artırılarak yeni bir metin oluşturuldu.


charAt() ve charCodeAt() Kullanırken Dikkat Edilmesi Gerekenler

  • Geçersiz İndeksler: Eğer indeks metnin sınırlarının dışındaysa, charAt() boş bir dizge döndürürken, charCodeAt() NaN döndürür. Bu durum, kodda beklenmeyen hatalara yol açabilir.
  • Unicode Standartları: charCodeAt() metodu sadece 0-65535 arasındaki karakterlerin Unicode değerlerini döndürür. Daha büyük Unicode karakterleri için farklı yöntemler kullanılması gerekebilir.

JavaScript’te charAt() ve charCodeAt() metotları, dizgelerle çalışırken büyük kolaylık sağlar. charAt() belirli bir indeksteki karakteri alırken, charCodeAt() bu karakterin Unicode değerini öğrenmek için kullanılır. Her iki metot da metin analizi, karakter işlemleri ve şifreleme gibi birçok alanda faydalıdır. Bu yazıda verdiğim örnekleri kullanarak, bu metotları kendi projelerinizde kolayca uygulayabilirsiniz.


Javascript ile Tüm “String” Metodlarını Anlattığım Yazıyı Buradan İnceleyebilirsiniz.


Yukarıda paylaştığım kodların çalışan bir örneğini aşağıda ki bağlantılardan inceleyebilirsiniz.

github-logo Javascript charAt() ve charCodeAt() Metodu Nedir ve Nasıl Kullanılır?
codepen-logo Javascript charAt() ve charCodeAt() Metodu Nedir ve Nasıl Kullanılır?
Javascript konusuyla ilgili yazdığım tüm yazıları bu bağlantıdan veya github hesabımdan inceyebilirsiniz.

Bir Yorum Yazın