charAt JavaScript — CodingCreativo

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.

Da zero ad eroe

Entra nel mondo della programmazione web: variabili, funzioni, array, DOM, eventi. Con esercizi pratici e progetti coinvolgenti.

8 ore di corso registrato
Più di 50 algoritmi risolti passo passo
Livello base — da zero ad eroe
100% online, fruibile quando vuoi

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:

const frase = 'fare coding creativo';
const 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:

const frase = 'fare coding creativo';
const 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:

const frase = 'fare coding creativo';
const 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:

const frase = 'fare coding creativo';
const 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.