Kita tidak dapat ???mengganti??? karakter pertama, karena di Javascript string bersifat tidak dapat berubah.

Tetapi kita dapat membuat sebuah string baru berdasarkan yang sudah ada, dengan karakter pertama yang besar:

let newStr = str[0].toUpperCase() + str.slice(1);

Tetapi ada sedikit masalah. Jika str bernilai kosong, maka str[0] bernilai undefined, dan undefined tidak memiliki method toUpperCase(). Hal tersebut yang menyebabkan error.

Ada dua cara di sini:

1. Gunakan str.charAt(0), karena method ini selalu mengembalikan string (mungkin kosong).
2. Tambahkan pengecekan string kosong.

Berikut adalah cara yang kedua:

function ucFirst(str) {
  if (!str) return str;

  return str[0].toUpperCase() + str.slice(1);
}

alert( ucFirst("john") ); // John

Buka solusi dengan tes di sandbox.