back to top

L’operatore modulo in Javascript: approfondimenti e casi d’uso

L’operatore modulo (rappresentato come mod) in matematica serve per conoscere il resto di una divisione intera. In pratica si divide un numero intero per un altro numero intero ottenendo come risultato un terzo numero intero corrispondente allo "scarto" dell’operazione. facciamo un esempio:

Il risultato dell’operazione 10 Mod 3 è 1 perchè il tre sta tre volte nel dieci (3 x 3 = 9) con il resto di 1 (10 – 9 = 1).

La sintassi qi questa operazione è la seguente:

intero1 Mod intero2 = intero3

Questo operatore consente di verificare, in poche parole, se il primo intero è un multiplo del secondo intero (in questo caso il risultato sarà zero).

Il modulo in Javascript

L’operatore modulo è presente in diversi linguaggi di programmazione tra cui Javascript in cui è rappresentato con il simbolo percentuale (%). Vediamo quindi come replicare l’esempio visto sopra sotto forma di codice Javascript:

var risultato = (10 % 3);
document.write('Risultato: ' + risultato);

Verificare se un numero è pari o dispari

Molto spesso l’operatore modulo è utilizzato per verificare se un numero è pari oppure dispari. Per fare questa verifica, infatti, è sufficiente calcolare il modulo di 2: se il risultato è zero il numero è pari (tutti i numeri pari sono divisibili per due) in caso contrario è dispari. Vediamo un esempio:

// numero da verificare
var numero = 10;

// calcolo il modulo di 2
var risultato = (numero % 2);

// verifico il risultato dell'operazione
// se il risultato è maggiore di zero il numero è dispari
if (risultato > 0) alert('Numero dispari!');
// in caso contrario è pari
else alert('Numero pari!');

Esempio di utilizzo pratico dell’operatore modulo

Questa semplice operazione (il calcolo del modulo matematico) può rivelarsi molto utile in diversi casi d’uso comune come, ad esempio, l’iterazione di una molteplicità di valori in modo frazionato oppure per la costruzione dinamica di una tabella.

Vediamo, di seguito, un esempio di come utilizzare l’operatore modulo di Javascript per creare dinamicamente una tabella composta da 3 righe e 4 celle:

// apertura tabella e prima riga
document.write('<table border="1"><tr>');

// faccio un ciclo di 12 (3 righe x 4 celle)
for (i = 1; i <= 12; i++) {
  // ad ogni passaggio creo una cella
  document.write('<td>' + i + '</td>');
  // se i Mod 4 è uguale a 0 chiudo a riga e ne apro una nuova
  if (i % 4 == 0) document.write('</tr><tr>');
}

// chiusura ultima riga e tabella
document.write('</tr></table>');

L’invito è di non dimenticarvi di questo importante operatore matematico offerto da javascript perchè potrebbe rivelarsi davvero molto utile in svariate occasioni.

Pubblicitร 
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).

Leggi anche...

Infinite scroll, come programmarlo su AMP e su Web con Javascript

L'infinite scroll è una tecnica di design e navigazione...

Codice Fiscale: 5 javascript per la verifica e il calcolo

Il codice fiscale รจ un identificativo tributario univoco che...

Math.ceil() – Arrotondare per eccesso con Javascript

Il metodo ceil() dell'oggetto Math di Javascript è utilizzato...

Minificare Javascript: librerie e strumenti online per comprimere il sorgente JS

La minificazione è un processo abbastanza diffuso nell'implementazione delle...

Javascript: svuotare un campo input o una textarea con un click

Quando si fornisce agli utenti un modulo per l'inserimento...

6 video player HTML5 per il tuo sito web

Con il rilascio delle specifiche definitive per HTML5 molte...
Pubblicitร