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

Indice tutorial JavaScript

Utilizzare JavaScript prompt

Gioco indovina numero in JavaScript

Gioco della morra cinese in JavaScript

Semplice quiz utilizzando gli array

Come realizzare il gioco dei dadi online

Cicli for annidati

Tavola pitagorica