Non possiamo “rimpiazzare” il primo carattere, perché in JavaScript le stringhe sono immutabili.

Possiamo invece creare una nuova stringa basata su quella già esistente, con la prima lettera maiuscola:

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

C’è comunque un piccolo problema. Se str è vuota, allora str[0] è undefined, quindi otterremo un errore.

Ci sono due possibili varianti qui:

1. Utilizzare str.charAt(0), che ritorna sempre una stringa (eventualmente vuota).
2. Aggiungere una verifica di stringa vuota.

Qui abbiamo scelto la seconda variante:

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

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

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

Apri la soluzione con i test in una sandbox.