1 - 2 Gennaio 2021 Coding Creativo 1 -

String JavaScript

da Cristina | Gen 2, 2021 | Javascript

In questa lezione studieremo la funzione String di JavaScript che serve per restituire una stringa da un valore passato come argomento.

La sintassi è la seguente: String(oggetto). Dove oggetto può essere un valore numero, un valore booleano

console.log(String('13anni'));
console.log(String('tredici'));
console.log(String('13:50'));
console.log(String('13-01-20'));
console.log(String('13 01 20'));
console.log(String('true'));
console.log(String('13.50'));
console.log(String('13'));
console.log(String(''));
var num = 10;
console.log(String(num));
var arrayNumeri = [7,12];
console.log(String(arrayNumeri));

Provate a realizzare questi semplici esempi, visualizzerete nella console sempre una stringa, anche quando passiamo un valore numerico.

Lezione precedente: funzione isNaN in JavaScript

Lezione successiva: eval in JavaScript

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

isNaN JavaScript

da Cristina | Gen 2, 2021 | Javascript

La funzione isNaN di JavaScript stabilisce se il valore passato come argomento non è un numero.

La sintassi è dunque la seguente: isNaN(valore).

La funzione restituisce un valore booleano che è true se l’argomento passato non è un numero, altrimenti restituisce false.

Esempi d’utilizzo di isNaN in JavaScript

In tutti gli esempi presentati sotto la funzione isNaN dà true:

isNaN('13anni');
isNaN('tredici');
isNaN('13:50');
isNaN('13-01-20');
isNaN('13 01 20');
isNaN('true');

Invece in questi altri casi si avrà false:

isNaN('13.50');
isNaN('13');
isNaN('');

Come possiamo notare dunque anche se passo la stringa vuota dà come risultato false, come se fosse un numero.

Inoltre anche se passiamo un numero come una stringa restituisce sempre false, come nell’esempio sotto:

var num= '13';
console.log(isNaN(num));

Nella console del browser visualizzeremo false, perché la variabile num viene interpretata come un numero.

Lezione precedente: funzione parseFloat in JavaScript

Lezione successiva: funzione String in JavaScript

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

parseFloat JavaScript

da Cristina | Gen 2, 2021 | Javascript

La funzione parseFloat in JavaScript prende come argomento una stringa e restituisce un numero decimale.

La sintassi quindi è la seguente: parseFloat(stringa).

Dove stringa rappresenta la stringa da convertire.

Questa funzione, così come la precedente parseInt determina se il primo carattere della stringa è un numero e continua fino a trovare un carattere diverso.

Vediamo a tal proposito degli esempi pratici.

parseFloat JavaScript esempi

Ecco alcuni esempi con varie stringhe di testo.

parseFloat("13.50");
parseFloat("13,56")
parseFloat("13:50");
parseFloat("13-01-20");
parseFloat("13 01 20");
parseFloat("13anni");

Invece se proviamo a passare una stringa senza nessun carattere iniziale numerico, la funzione restituisce NaN, come nei seguenti casi:

parseFloat("anni13");
parseFloat("tredici");

Solo il primo parseFloat darà 13.5, tutti gli altri ci daranno il numero 13.

Lezione precedente: funzione parseInt di JavaScript

Lezione successiva: funzione isNaN di JavaScript

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

replace JavaScript

da Cristina | Gen 2, 2021 | Javascript

Il metodo replace in JavaScript è utilizzato sulle stringhe per sostituire uno o più valori.

La sintassi è dunque la seguente: stringa.replace(valore, nuovoValore).

Quindi il metodo accetta due parametri obbligatori, il primo valore che rappresenta il valore da ricercare nella stringa e che verrà successivamente sostituito dal secondo parametro nuovoValore.

Esempi di utilizzo del metodo replace in JavaScript

In questo primo esempio sostituiremo una parola con un’altra.

Ecco quindi una possibile implementazione:

let frase = 'fare coding fin dalla scuola superiore';
const fraseCambiata = frase.replace('superiore','primaria');

console.log(fraseCambiata);

In questo modo, se ci sono più occorrenze verrà sostituita solo la prima che incontra. Se desideriamo sostituirle tutte possiamo utilizzare gli operatori globali.

Operatore globale g

Con il metodo replace di JavaScript si può far in modo che se ci sono più occorrenze vengano sostituite tutte utilizzando l’operatore globale g, dunque non ci si ferma solo alla prima.

Questo operatore si utilizza assieme alle espressioni regolari che hanno la seguente sintassi /pattern/modifiers. Quindi si racchiude tra / il valore da sostituire e successivamente si aggiunge il modificatore, nel nostro caso g.

Attenzione g è case-sensitive, quindi utilizzando questo modificatore non si sostituiscono le parole che non rispettano le maiuscole/minuscole.

Ecco quindi un esempio d’uso dell’operatore globale g con il metodo replace di JavaScript.

// operatore globale g
let frase = 'Fare coding fin dalla scuola superiore. Nella scuola Superiore di primo grado e la scuola superiore di secondo grado ';

const fraseCambiata = frase.replace(/superiore/g,'primaria');
console.log(fraseCambiata);

In questo caso si otterrà questo risultato: Fare coding fin dalla scuola primaria. Nella scuola Superiore di primo grado e la scuola primaria di secondo grado.

Quindi non ha sostituito Superiore in quanto ha l’iniziale maiuscola.

Operatore globale gi

Si può utilizzare l’operatore globale g con i, dove i è un modificatore in quanto modifica la ricerca in modo che non si abbia distinzione tra maiuscole e minuscole.

L’operatore globale gi è dunque case-insensitive, quindi utilizzato con il metodo replace di JavaScript consente di sostituire tutte le occorrenze indipendentemente se in maiuscolo o in minuscolo.

Ecco quindi un esempio:

let frase = 'Fare coding fin dalla scuola superiore. Nella scuola SUPERIORE di primo grado e la scuola superiore di secondo grado ';
const fraseCambiata = frase.replace(/superiore/gi,'primaria');
console.log(fraseCambiata);

In questo esempio verranno sostituiti tutti i termini ‘Superiore‘, indipendentemente da come sono scritti.

Esplora l’universo infinito della programmazione con ’50 Algoritmi per imparare JavaScript’, il libro che trasformerà la tua passione per il codice in realtà digitale!

Acquistalo su Amazon

Conclusione

In questa lezione abbiamo visto dei semplicissimi esempi di utilizzo di replace in JavaScript e abbiamo accennato le espressioni regolari. Torneremo a parlare di espressioni regolari proseguendo nel tutorial JavaScript.

>> lastIndexOf

search >>