Beberapa minggu terakhir, pekerjaan dikantor lebih banyak berkutat pada JavaScript. Nah, kemudian menemukan kasus yang pertama, dimana saya ingin mengubah huruf pertama dari sebuah kalimat menjadi huruf besar (kapital). Contohnya jika ada sebuah string bernilai “belajar pemrograman javascript” maka saya ingin mengubah string tersebut menjadi “Belajar pemrograman javascript”. Kasus yang kedua adalah mengubah huruf pertama disetiap kata dalam sebuah kalimat menjadi huruf besar. Contohnya jika kata “belajar pemrograman javscript” ingin diubah menjadi “Belajar Pemrograman Javascript”.

Jika menggunakan PHP, sudah ada function yang bisa menyelesaikan kasus tersebut. Bisa menggunakan function ucfirst() dan ucwords(). Nah, problem nya di JavaScript function serupa tidak ada, jadi harus buat sendiri deh.

Oke, untuk menyelesaikan kasus pertama mari kita lihat script dibawah ini :

Script di atas menggunakan beberapa method dari Javascript, diantaranya charAt(), toUpperCase(), dan slice(). Agar lebih mudah memahami script diatas, saya akan mencontohkan kegunaan dari masing-masing method tersebut.

Maka dapat disimpulkan langkah-langkah untuk membuat function ucfirst() adalah :

  1. Ambil huruf pertama dari kata tersebut menggunakan charAt(0)
  2. Huruf pertama yang sudah diambil tadi, kemudian diubah menjadi huruf kapital menggunakan toUpperCase()
  3. Menggabungkan huruf pertama yang sudah diubah menjadi huruf kapital tadi dengan sisa huruf-huruf lainnya yang diambil dengan menggunakan slice(1)

Selanjutnya untuk menyelesaikan kasus kedua, mari kita lihat script berikut ini :

Pada kasus kedua, ada tambahan method yang digunakan, yaitu split(), push(), dan join(). Mari kita lihat contoh method tersebut satu persatu.

Maka berikut ini langkah-langkah untuk membuat function ucwords() :

  1. Split kalimat yang diinginkan dengan separator spasi menggunakan split(" ")
  2. Lakukan perulangan untuk merubah setiap huruf pertama dari masing-masing elemen array dan simpan kedalam array baru menggunakan push()
  3. Gabungkan semua elemen array dengan separator spasi menggunakan join(" ")

Itu tadi sedikit tutorial untuk membuat function ucfirst() dan ucwords() versi JavaScript, sebenarnya masih banyak cara-cara lain yang bisa digunakan, salah satunya menggunakan regex seperti contoh disini. Atau temen-temen punya script versi sendiri ? silahkan share dikolom komentar yak 😀

Happy Coding !