Web - Coding creativo

Come utilizzare JavaScript alert

Il linguaggio JavaScript

Variabili in JavaScript

Lezione precedente: metodo search JavaScript

charAt JavaScript

da Cristina | Gen 7, 2021 | Javascript, Web

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.

Lezione successiva: metodo charCodeAt in JavaScript

Alcuni link utili

Lezione precedente: charCodeAt

Cicli for annidati

Tavola pitagorica

Proprietà length di JavaScript

da Cristina | Gen 7, 2021 | Javascript, Web

La proprietà length di JavaScript utilizzata sulle stringhe calcola la quantità di caratteri di quella determinata stringa.

La sintassi è dunque la seguente: stringa.length, dove stringa rappresenta la stringa di cui calcolare la lunghezza.

Esempio di utilizzo della proprietà length di JavaScript sulle stringhe

In questo primo esempio otterremo il numero di caratteri di una stringa qualunque presa in input.

Ecco dunque un possibile esempio in JavaScript per calcolare la lunghezza di una stringa:



var frase = 'fare coding creativo';
var lunghezzaStringa = frase.length;
console.log(lunghezzaStringa);

In questo caso nella console del browser visualizzeremo il valore numerico 20, che corrisponde al numero di caratteri della frase.

Proprietà length di JavaScript sulle stringhe – secondo esempio

Determinare la lunghezza di una stringa, se è vuota riempirla con il valore coding creativo, altrimenti stampare a video il risultato.

Supponiamo di partire da una stringa vuota:



var frase = '';

Dopo, utilizzando la proprietà length di JavaScript sulle stringhe, calcoliamo la lunghezza della stringa e memorizziamo questo dato in una variabile:



var lunghezzaStringa = frase.length;

Dato che la stringa è vuota nella variabile lunghezzaStringa sarà memorizzato il valore 0.

Quindi, utilizzando le istruzioni condizionali, verifichiamo se la stringa non è vuota e dunque se la lunghezza è diversa da 0 oppure no. Se è vero visualizziamo la lunghezza della stringa, altrimenti poniamo la stringa di partenza uguale alla frase di esempio: ‘coding creativo’.

Ecco dunque di seguito una possibile implementazione in JavaScript per calcolare la lunghezza di una stringa:



if (lunghezzaStringa != 0) {
   console.log(lunghezzaStringa);
} else {
   frase = 'coding creativo';
}

Conclusione

In questa lezione abbiamo studiato la proprietà length di JavaScript utilizzata sulle stringhe, allo stesso modo la seguente proprietà si può utilizzare anche sugli array. Si può trovare il semplice tutorial di esempio al seguente link: proprietà length sugli array.

Lezione successiva: slice

Alcuni link utili

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Variabili in JavaScript

Lezione precedente: metodo charAt in JavaScript

charCodeAt JavaScript

da Cristina | Gen 6, 2021 | Web

Il metodo charCodeAt di JavaScript, da utilizzare sulle stringhe, prende come parametro opzionale un indice. Questo metodo restituisce il carattere Unicode del carattere corrispondente specificato dall’indice.

Dunque la sintassi è al seguente: stringa.charCodeAt(indice).

Se l’indice non è specificato avrà come valore di default il valore 0.

Ricordiamo che Unicode è una codifica che assegna ad ogni carattere alfanumerico un numero univoco. Questa codifica è indipendente dalla lingua utilizzata.

Per maggiori informazioni si rimanda al seguente link: codifica unicode.

Esempi di utilizzo del metodo charCodeAt in JavaScript

In questo primo esempio otterremo l’Unicode del primo carattere di una stringa.

Ecco quindi una possibile implementazione del metodo charCodeAt in JavaScript:



var frase = 'fare coding creativo';
var carattere = frase.charCodeAt(0);
console.log(carattere);

Dunque, nella console del browser, otteniamo come risultato il valore 102, che è il corrispondente carattere Unicode della lettera f.

Utilizzo del metodo charCodeAt in JavaScript nell’ultimo carattere di una stringa

In questo esempio otteniamo la codifica Unicode dell’ultimo carattere di una stringa presa in input.

Per fare ciò occorre utilizzare la proprietà length sulla stringa che, ricordiamo, restituisce il numero di caratteri di una determinata stringa.

Ecco quindi l’esempio completo:



var frase = 'fare coding creativo';
var carattere = frase.charCodeAt(frase.length-1);
console.log(carattere);

In questo caso si ottiene il valore 101, che corrisponde alla codifica Unicode della lettera o.

Se proviamo ad ottenere la codifica Unicode di un indice che non esiste allora si avrà il valore NaN (Not a Number).

Conclusioni

In questa lezione abbiamo visto alcuni esempi pratici sull’utilizzo del metodo charCodeAt in JavaScript, nelle prossime lezioni vedremo tanti altri esempi con altri metodi sulle stringhe e sugli array.

Lezione successiva: la proprietà length sulle stringhe in JavaScript

Alcuni link utili