Il metodo charAt in JavaScript utilizzato sulle stringhe restituisce un carattere di una stringa. La posizione del carattere è indicata nell’indice tra parantesi tonde.
Quindi ad esempio charAt(0) restituisce il primo carattere, mentre charAt(1) restituisce il secondo e così via.
La sintassi è dunque la seguente: stringa.charAt(indice)
Dunque il metodo accetta un parametro obbligatorio, indice, che rappresenta la posizione del carattere da ricercare in una stringa.
Esempi di utilizzo del metodo charAt in JavaScript
In questo primo esempio cercheremo il primo carattere di una stringa in una semplice frase.
Ecco quindi una possibile implementazione:
var frase = 'fare coding creativo';
var carattere = frase.charAt(0);
console.log(carattere);
In questo caso si ha come risultato la lettera f (la prima lettera della frase).
Se invece cerchiamo nella frase una posizione che non esiste, non otterremo alcun valore, come nell’esempio sotto:
var frase = 'fare coding creativo';
var carattere = frase.charAt(200);
console.log(carattere);
Ultimo carattere di una stringa con l’utilizzo del metodo charAt in JavaScript
Se vogliamo determinare l’ultimo carattere di una stringa, allora possiamo utilizzare la proprietà length sulla stringa. Infatti ricordiamo che str.length restituisce la quantità di caratteri di una stringa, quindi per ottenere l’ultimo carattere, dato che l’indice parte da 0, dobbiamo sottrarre 1.
Ecco quindi l’esempio completo:
var frase = 'fare coding creativo';
var carattere = frase.charAt(frase.length-1);
console.log(carattere);
Trasformare il primo carattere in maiuscolo con il metodo charAt ed uppercase in JavaScript
In questo esercizio estraiamo il primo carattere, lo convertiamo in maiuscolo con il metodo toUpperCase e dopo concateniamo tutto il resto utilizzando il metodo substr.
Ecco dunque l’esempio completo:
var frase = 'fare coding creativo';
var fraseUpper= frase.charAt(0).toUpperCase() + frase.substr(1);
console.log(fraseUpper);
In questa breve lezione abbiamo implementato dei semplicissimi esercizi utilizzando il metodo charAt di JavaScript, proseguendo nel tutorial troverete tanti altri esempi di applicazione.
Alcuni link utili
Gioco indovina numero in JavaScript
Gioco della morra cinese in JavaScript
Semplice quiz utilizzando gli array
