Javascript İlk Harfi Büyük Yapma

Dışarıdan gelen verileri sayfa içerisinde kullanırken ilk harflerinin büyük harf olarak yazılmasını isteyebiliriz. Bunun için farklı yöntemler olmakla beraber bunu eğer Javascript kodu içerisinde yapacaksak bunun için farklı yöntemler bulunmakta.

Javascript Metini Büyük Harf Yapma

Javascript ile bir metini büyük harfe çevirmek için string nesnesinin toUpperCase() metodunu kullanmak yeterli olacaktır. Örnek kullanımı

const isim = "selami";
const buyekHarf = isim.toUpperCase();

console.log(buyukHarf);
// Konsola
// SELAMİ
// yazdırır.

toUpperCase metodunu kullanarak string değişkenlerimizi büyük harfe çevirebiliriz.

Kelimenin İlk Harfini Büyük Harf Yapma

Bu işlemi en kolay şekilde ilk harfin indeksini kullanarak yapabiliriz. Bir string değişkenin ilk harfinin indeksi 0’dır. Bir stringin ilk harfini degiskenAdi[0] ifadesi ile alabiliriz. Bu nedenle ilk harfe odaklandığımızda işlemimizi kolaylıkla yapabiliriz.

Burada dikkat etmemiz gereken husus sonuca ulaşmak için iki işlem yapmak zorundayız.

• Birincisi ilk harfi büyük harfe çevirmek ki toUpperCase metodunu kullanacağız.
• İkincisi ise ilk harf hariç kelimenin kalan kısmını alacağız. Bunun için ise slice metodunu kullanacağız.
• Bu işlemleri yaptığımızda iki sonucu birleştirerek büyük harfi büyük olarak kelimeyi oluşturmuş olacağız.

const metin = "merhaba";
const ilkHarfBuyuk = metin[0].toUpperCase() + metin.slice(1);

console.log(ilkHarfBuyuk);
// Konsola
// Merhaba
// yazar

Bu işlemi ayrıca charAt metodunu kullanarak da yapabiliriz. charAt metodu bir string değişkenin belirtilen indeksindeki karakteri verir. Kelimenin ilk harfini almak için degiskenAdi.charAt(0) şeklinde bir ifade yeterli olacaktır.

Gelin şimdi verilen kelimenin / metinin ilk harfini büyük harfe çeviren bir fonksiyon yazalım.

/* İlk harfi büyük yazacak 
fonksinoyu oluşturalım. */
const ilkHarfiBuyukYap = (string) => {
  return string.charAt(0).toUpperCase() + string.slice(1);
}

// Fonksiyonu deneyelim.
console.log(ilkHarfiBuyukYap("merhaba"));
// Konsola
// Merhaba
// yazdırır.

Böylelikle hem yazının ilk harfini büyük harfe çeviren bir fonksiyon yazmış olduk ve hemde charAt metodunu örneklendirdik.

Bu konuda dikkat edilmesi gereken bir husus, Türkçe büyük İ harfi gibi İngiliz alfabesinde olmayan harflerde sorun çıkacağıdır. Bu gibi durumlarda toLocaleUpperCase(yerelDil) kullanılabilir. Burada Türkçe bir sistem için

degiskenAdi.toLocaleUpperCase('tr-TR');

şeklinde kullanılabilir. Yade farklı dillerde kullanıcılar olacağı durumlarda tarayıcının yerel dil ayarları kullanılabilir.

Javascript İle Bir Cümledeki Tüm Kelimelerin Baş Harfini Büyük Harf Yapma

Genel anlamda Javascript kullanarak bir kelimenin, bir cümlenin, bir yazının ilk harfini büyük harfe çevirmeyi gördük. Şimdi ise bir cümlenin içindeki tüm kelimelerin ilk harflerini büyük harfe çevirelim.

Mesela dışarıdan gelen bir cümleyi başlık olarak kullanmak isteyebiliriz. Bu durumda ilk harfleri nasıl büyük harfe çevireceğiz?

const metin = "javascript kullanmayi seviyorum.";
const sonuc = metin.split(" ").map(kelime => kelime[0].toUpperCase() + kelime.slice(1,)).join(" ");

// Konsola
// Javascript Kullanmayi Seviyorum.
// yazdırır.

Burada fonksiyonları zincir yöntemi ile birbirine bağlayarak sonuca ulaştık.

• İlk olarak cümleyi split metodunu kullanarak boşluklardan böldük ve bir array oluşturduk.
• Sonrasında array.map metodu ile bu dizi içerisinde bir döngü başlattık.
• Döngü içerisinde her seferince bir kelime aldık ve o kelimenin ilk harfini büyük harfe çevirdirk. Arrow fonksiyon kullandığımız için return değeri kullanmadık.
• map metodundan dönen büyük harfler ile başlayan kelimelerin olduğu dizine join metodunu uygulayarak bu kelimeleri aralarında boşluk olacak şekilde tekrar bir metine dönderdik
• Sonrasında sonucu konsola yazdırdık.

Sonuç

Javascript ile bir harfi veya yazıyı büyük harfe çevirmek için toUpperCase metodu kullanılır. Bunu kelimenin ilk harfine ulaştığımızda kullanırsak ilk harfi büyük harfe çevirmiş oluruz. Peşine kelimenin kalanını eklersek, ilk harfi büyük yazılmış bir kelimemiz olur.

Javascript ile ilgili güzel deneyimlerinizi bizimle paylaşır mısınız?