In questo capitolo del nostro corso JavaScript gratuito per principianti, studierai gli operatori e le differenti tipologie esistenti, imparerai a scriverli e a leggerli nelle espressioni o script di questo linguaggio di programmazione.
Per eseguire operazioni complesse e scrivere espressioni o algoritmi avanzati con un linguaggio di programmazione, oppure verificare condizioni necessarie al corretto funzionamento di un codice, si fa uso degli operatori.
Questa parte del corso è molto importante perché qui verranno elencati tutti gli operatori più utilizzati con l’uso di JavaScript, fondamentali da tenere a mente e da capire.
Se non hai chiaro qualche passaggio o ancora ai dubbi sulle espressioni di base, ti consiglio di leggere i precedenti capitoli del corso. Inoltre, è consigliato avere già delle buone conoscenze di HTML. In questo caso ti rimando al nostro corso dedicato.
Clicca qui per visualizzare il programma completo del corso JavaScript
Gli operatori in JavaScript
Descrizione
Gli operatori in un linguaggio di programmazione come JavaScript, hanno svariate funzioni atte a svolgere calcoli, assegnare valori o verificare condizioni.
I tipi di operatori disponibili sono:
- Matematici
- Di assegnazione
- Comparativi
- Logici o booleani
- Condizionali
Ognuno di questi gruppi ha una simbologia specifica, da imparare. Ad esempio per gli operatori matematici troviamo i comuni simboli dell’addizione o sottrazione ( + e – ).
Operatori matematici
Gli operatori matematici o aritmetici consentono di svolgere calcoli matematici semplici ed elaborare espressioni.
Tipo | Descrizione | Esempio |
---|---|---|
+ | Somma | 2 + 2 = 4 |
– | Sottrazione | 4 – 2 = 2 |
* | Moltiplicazione | 5 * 5 = 25 |
/ | Divisione | 40 / 2 = 20 |
% | Modulo | 35 % 3 = 2 |
++ | Incremento | var i = 9; i++ (i= 10) |
– – | Decremento | var i = 9; i- – (i= 8) |
Esclusi i primi quattro della lista, troviamo i simboli del modulo, incremento e decremento.
In dettaglio essi consistono in:
- Modulo: Calcola il valore numerico rimanente o residuo dalla divisione eseguita.
35 % 3 = 2 ( 3 * 11 = 33 | valore residuo 2 | 35 – 33 = 2 )
20 % 2 = 0 ( 2 * 10 = 20 | valore residuo 0 )
10 % 4 = 2 ( 4 * 2 = 8 | valore residuo 2 | 10 – 8 = 2 ) - Incremento: Incrementa il valore di 1.
var i = 9; i++ ( i + 1 ); risultato: i = 10; - Decremento: Riduce il valore di 1.
var i = 9; i- – ( i – 1 ); risultato: i = 8;
Operatori di assegnamento
Questa tipologia di operatori consente di assegnare e modificare valori a delle variabili.
Tipo | Descrizione | Esempio |
---|---|---|
= | Assegna un valore | x = y |
+= | Aggiunge uno specifico valore | x += y (x = x + y) |
-= | Riduce di uno specifico valore | x -= y (x = x – y) |
*= | Moltiplica uno specifico valore | x *= y (x = x * y) |
/= | Divide di uno specifico valore | x /= y (x = x / y) |
%= | Elabora il modulo di un valore | x %= y (x = x % y) |
Negli esempi puoi vedere che la sintassi utilizzata con l’uso degli operatori di assegnazione sia equivalente all’uso degli operatori matematici, ma in forma ridotta. Con entrambe le tipologie si ottengono gli stessi risultati.
Operatori di comparazione
Gli operatori di comparazione hanno il compito di verificare condizioni e restituire un valore logico true o false (vero o falso).
Se rispettate le condizioni, lo script continuerà ad essere eseguito; al contrario si fermerà o tornerà ad una condizione precedente.
Tipo | Descrizione | Esempio |
---|---|---|
== | Equivalente | 10 == 12 (false) |
=== | Identico, stesso tipo e valore | 4 === 4 (true) |
!= | Non equivalente | 6 != 15 (true) |
!== | Non identico | 3 !== 3 (false) |
> | Maggiore | 20 > 10 (true) |
< | Minore | 20 < 10 (false) |
>= | Maggiore o uguale | 30 >= 40 (false) |
<= | Minore o uguale | 30 <= 40 (true) |
Operatori logici o booleani
Questo gruppo ha il compito simile a quello precedente, ovvero serve a verificare condizioni specifiche in modo da proseguire con l’esecuzione del codice.
Tipo | Descrizione |
---|---|
&& | AND – La condizione ritorna true, se entrambi gli operandi sono true. |
|| | OR – La condizione ritorna true, se un solo operando è true. |
! | NOT – Condizione true se l’operando è false. Condizione false se l’operando è true. |
Alcuni esempi:
(5 < 10) && (20 > 10) // true
(10 < 11) || (3 > 10) // true
!(1 > 0 || 4 > 6) // false
Oltre a false, potrebbero essere generati i seguenti risultati logici:
- null;
- NaN (not a number);
- 0;
- undefined.
Operatori condizionali
Basato sulla verifica di una condizione, restituendo degli specifici valori preimpostati in caso la condizione sia true o false.
Questo tipo di operatore non ha una lista di simbologie ma ha una propria sintassi da rispettare.
variabile = (condizione) ? valore1:valore2
Per fare un esempio:
var gen = "m";
var genere = (gen == "m")?"maschio":"femmina";
document.write(genere);
// output = "maschio"
⇦ Le variabili
Iscriviti alla nostra Newsletter qui e seguici su Facebook per aggiornamenti!
Articoli recenti:
- Recensione In Fuga. Ciclo Le Cronache dell’Ultimo Druido di Kevin Hearne
- Recensione Fool Moon di Jim Butcher
- Recensione Storm Front di Jim Butcher
- Upgrade Scheda Rete. Sostituzione della Realtek RTL8822CE
- Da jQuery a JavaScript Puro: Sfruttare il Potenziale Nativo del Web
2 commenti su “Corso JavaScript – Gli Operatori”
Mi ritengo fortunato ad essere approdato nel vostro sito con così tante risorse, volevo segnalarvi che l’ultima riga degli operatori booleani è postato —
Decremento var i = 9; i++ (i= 8)
Ma forse è sbagliato, non so nulla di js magari mi sbaglio io
Ciao Leonardo, grazie del feedback e della correzione.
Avevi ragione, c’era un piccolo errore dovuto ad una svista. Ora è corretto 🙂