parseInt JavaScript

parseInt JavaScript

La funzione parseInt in JavaScript viene generalmente utilizzata per convertire il suo primo argomento in un numero intero.

La sintassi dunque è la seguente: parseInt(stringa, radice).

Dove stringa rappresenta la stringa da convertire, mentre il parametro radice è opzionale.

Il parametro radice è utilizzato per specificare quale sistema di numerazione utilizzare per la conversione e può avere un valore da 2 a 36. Dunque può essere ad esempio 16 (esadecimale), 8 (ottale), 2 (binario), ecc. Se tale parametro è omesso allora, se la stringa inizia con ‘0x‘ la radice è esadecimale, se la stringa inizia con ‘0’ allora la radice è ottale, invece se la stringa inizia con un altro carattere prova a convertire la stringa in decimale.

Quando la conversione non può avvenire la funzione indica che non è un numero restituendo isNaN.

parseInt JavaScript esempi

Esempi con il primo parametro, la stringa

Facciamo degli esempi d’uso della funzione parseInt() in JavaScript.

parseInt("coding creativo");

restituisce isNaN in quanto non riesce a fare la conversione. Ma se ad esempio scrivo:

parseInt("13coding creativo");

Mi restituisce 13 in quanto riesce a leggere i primi caratteri.

Se invece indico:

parseInt("coding creativo13");

in questo caso mi restituisce sempre isNaN perché non vede il numero scritto alla fine della stringa.

Se come primo parametro passo un numero con la virgola, oppure un orario, una data o ancora un numero con degli spazi vuoti, come negli esempi sotto:

parseInt("13.50");
parseInt("13:50");
parseInt("13-01-20");
parseInt("13 01 20");

avrò come risultato un numero intero, nel nostro caso 13.

Esempi d’uso di parseInt JavaScript con il primo ed il secondo parametro, cioè la stringa e la radice.

Facciamo adesso degli esempi dove passiamo anche la radice.

Ad esempio inseriamo come stringa il numero binario 1101 e poi inseriamo la base corrispondente. La funzione mi restituirà il numero intero 13.

parseInt("1101", 2);

Allo stesso modo se utilizziamo le altre basi, come ad esempio 16 e 8, la funzione mi restituirà il numero decimale corrispondente:

parseInt("13", 16);
parseInt("13", 8);

Nel primo esempio otteniamo dunque 19, mentre nel secondo otteniamo 11.

Esempi d’uso di parseInt JavaScript con il prompt o casella di input

Uno degli utilizzi più comuni, presentato anche in molti esempi di questo tutorial è attraverso un prompt dei comandi o tramite casella di input. Ecco un esempio di utilizzo con il prompt:

var numero = parseInt(prompt(Inserisci un numero));

In questa lezione abbiamo studiato la funzione parseInt di JavaScript e abbiamo studiato alcuni esempi d’utilizzo, nelle prossime lezioni vedremo alcune applicazioni pratiche.

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

if else in JavaScript

if else in JavaScript

L’istruzione if else in JavaScript si utilizza per eseguire istruzioni diverse in base alle condizioni.

Si può, ma non è obbligatorio inserire l’else, come spiegherò più avanti.

Ecco quindi la sintassi dell’istruzione condizionale:


if(condizione) {
   //blocco 1 di istruzioni eseguite se la condizione è vera
} else {
   //blocco 2 di istruzioni eseguite se la condizione è falsa
}

Dove condizione assume un valore booleano, cioè true oppure false.

Facciamo alcuni esempi di possibili condizioni che si possono specificare:

condizione = a > 0

oppure

condizione = a > b

e così via.

Se dunque la condizione è vera si eseguono una o più istruzioni indicate tra parentesi graffe, altrimenti si eseguono le istruzioni indicate nell’else.

Esempio di istruzione if else

Facciamo dunque un esempio di istruzione if else in JavaScript, dove verifichiamo se un numero è maggiore di 100 oppure no.


if(numero > 100) {
   document.writeln('il numero è maggiore di 100');
} else {
   document.writeln('il numero non è maggiore di 100');
}

Quindi se il numero è maggiore di 100 si stamperà nella pagina html ‘il numero è maggiore di 100‘, altrimenti si stamperà ‘il numero non è maggiore di 100’.

Istruzione if in JavaScript

Come dicevamo l’if può essere lasciato anche senza l’else.

La sintassi è dunque la seguente:


if(condizione) {
   //blocco di istruzioni eseguite se la condizione è vera
}

Se dunque la condizione è vera si eseguono una o più istruzioni indicate tra parentesi graffe.

Esempio if

In questo esempio verifichiamo se un numero è positivo e lo scriviamo nella pagina html con il metodo writeln.


if(numero > 0) {
   document.writeln('il numero è positivo');
} 

if else if in JavaScript – specificare più condizioni

Si possono specificare anche più condizioni utilizzando else if, seguendo questa sintassi:


if(condizione1) {
   //blocco 1 di istruzioni eseguite se la condizione è vera
} else if(condizione2) {
   //blocco 2 di istruzioni eseguite se la condizione è vera
} else {
  //blocco 3 di istruzioni eseguite se le condizioni 1 e 2 sono false
}

Quindi si possono avere i seguenti casi:

  1. La condizione1 è vera, allora si esegue il blocco1 di istruzioni specificato tra parentesi graffe. La seconda condizione e l’else vengono dunque scartati.
  2. La condizione1 è falsa, allora non si esegue il blocco1 di istruzioni specificato tra parentesi graffe e si passa a valutare la condizione2. Se condizione2 è vera si esegue il blocco2 di istruzioni indicati tra parentesi graffe,
  3. La condizione1 è falsa, allora non si esegue il blocco1 di istruzioni specificato tra parentesi graffe e si passa a valutare la condizione2. Se condizione2 è falsa si passa all’else e quindi si esegue il blocco3 di istruzioni.

Si possono inserire anche altri else if a cascata, quanti ne servono.

Esempio if else if in JavaScript

In questo esempio verifichiamo se un numero è positivo, negativo oppure nullo.


if(numero > 0) {
   document.writeln('il numero è positivo');
} else if (numero < 0) {
  document.writeln('il numero è negativo');
} else {
  document.writeln('il numero è nullo');
}

Quindi utilizziamo la prima condizione per valutare se il numero è positivo. Poi inseriamo una seconda condizione per verificare se un numero è negativo. Quindi non è necessario inserire una terza condizione in quanto se il numero non è positivo e neanche negativo allora sarà nullo. Dunque inseriamo semplicemente un else senza if.

Conclusione

In questa lezione abbiamo parlato dell’istruzione if else in JavaScript, nelle prossime lezioni faremo altri esempi.

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt