Membuat Fungsi Ucwords Pada Javascript

PHP memiliki ucwords yang berfungsi menjadikan huruf besar/kapital pada setiap karakter pertama dari setiap kata dalam sebuah string. Jadi hello world menjadi Hello World. Sayangnya, fungsi tersebut tidak tersedia pada Javascript maupun JQuery. Jadi kita harus membuat sendiri fungsi tersebut. Berkut fungsi ucwords yang saya buat:

function ucwords(string) {
  strVal = '';
  text = string.toLowerCase();
  str = text.split(' ');
  for (var chr = 0; chr < str.length; chr++) {
    strVal += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + ' '
  }
  return strVal;
}

Contoh Penggunaan:

console.log(ucwords('heLLo worlD'));

Source Code Full:

function ucwords(string) {
  strVal = '';
  text = string.toLowerCase();
  str = text.split(' ');
  for (var chr = 0; chr < str.length; chr++) {
    strVal += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + ' '
  }
  return strVal;
}

console.log(ucwords('heLLo worlD'));

Penjelasan:

Kalimat yang akan diubah dirubah menjadi huruf kecil dengan fungsi bawaan yaitu toLowerCase, kemudian dilakukan split/pemisahan per kata. Dari setiap kata hasil split, karakter pertama diubah menjadi huruf besar. Setelah itu hasilnya kembali digabungkan menjadi kalimat.

Screenshoot Jsfiddle:

Fungsinya

Hasilnya


Ahmad Shoffa

Suka jalan-jalan untuk mencari inspirasi. Beginner Web Developer

Posting Komentar

Lebih baru Lebih lama