Memperbesar Huruf Pertama Setiap Kata Dalam String - Javascript

Dalam tutorial ini, akan dijelaskan mengenai bagaimana cara memperbesar huruf pertama suatu kata dalam string dan memperbesar huruf pertama untuk setiap kata dalam string.

Kita akan menggunakan fungsi-fungsi berikut untuk memperbesar huruf pertama dalam string:

• toUpperCase(): fungsi merubah string menjadi huruf kapital
• slice(): fungsi untuk memotong string
• charAt(): fungsi untuk mengambil karakter dalam string
• split(): fungsi memotong string menjadi array
• join(): fungsi menyatukan semua elemen array menjadi satu string

Berikut penjelasan singkat cara menggunakan masing-masing fungsi di atas.

var str = "hello world!"

console.log(str.toUpperCase()) // HELLO WORLD!
console.log(str.slice(1)) // ello world!
console.log(str.slice(0,5)) // hello
console.log(str.charAt(0)) // h
console.log(str.charAt(6)) // w
console.log(str.split(" ")) // ["hello","world!"]

var arr = ["hello","world!"]

console.log(arr.join(" ")) // hello world!

Memperbesar Huruf Pertama Dalam String

Diberikan contoh string adalah sebagai berikut.

var str = "nama saya adalah rizki ramadandi"

Dengan menggunakan contoh string di atas, kemudian string diproses sebagai berikut.

var res = str.charAt(0).toUpperCase() + str.slice(1)
console.log(res) // Nama saya adalah rizki ramadandi

Penjelasan:

1. String contoh diambil karakter pertamanya, yaitu huruf "n" pada indeks ke 0 dengan menggunakan fungsi charAt(0)
2. Karakter pertama yang telah diambil tadi, kemudian diperbesar (capitalize) dengan menggunakan fungsi toUpperCase() menjadi huruf "N"
3. String contoh kemudian dipotong dengan menggunakan fungsi slice(1) sehingga didapat string baru yaitu "ama saya adalah rizki ramadandi"
4. Terakhir keduanya digabungkan menjadi satu string dan disimpan kedalam variabel res (String akhir: "Nama saya adalah rizki ramadandi")

Memperbesar Huruf Pertama Setiap Kata Dalam String

Sebelumnya telah ditunjukkan cara memperbesar huruf pertama dalam string. Sekarang kita akan memperbesar huruf pertama setiap kata dalam string.

Dengan menggunakan contoh string yang sama, berikut prosesnya.

var splittedStr = str.split(" ")

for(var i = 0 ; i < splittedStr.length ; i++) {
    splittedStr[i] = splittedStr[i][0].toUpperCase() + splittedStr[i].slice(1)
}

var res = splittedStr.join(" ")

console.log(res) // Nama Saya Adalah Rizki Ramadandi

Penjelasan: 

1. String contoh dipecah menjadi array dengan menggunakan fungsi split(" "), yang kemudian disimpan kedalam variabel splittedStr (Isi variabel: ["nama","saya","adalah","rizki","ramadandi"])
2. Setiap elemen array kemudian di looping dan diproses satu persatu. Proses yang terjadi sama seperti contoh sebelumnya.
3. Variabel splittedStr kemudian digabungkan menjadi satu string dengan menggunakan fungsi join(" ") dan disimpan ke dalam variabel res (String akhir: "Nama Saya Adalah Rizki Ramadandi")

Tautan Referensi

• https://flexiple.com/javascript-capitalize-first-letter/
• https://stackoverflow.com/questions/32589197/how-can-i-capitalize-the-first-letter-of-each-word-in-a-string-using-javascript