Strutture condizionali in JQuery

Il linguaggio di scripting JQuery mi permette di inserire le strutture condizionali nel codice seguendo questa sintassi.

if(condizione 1) {
codice 1
}
elseif(condione 2) {
codice 2
} else {
codice 3
}

Se la condizione 1 si verifica lo script esegue il codice 1 ed esce dalla struttura condizionale.

Se la prima condizione (condizione 1) è falsa, lo script verifica la condizione 2 dopo elseif. Se la condizione 2 è vera, il programma esegue il codice 2 ed esce dalla struttura condizionale.

Nota. In una struttura condizionale posso inserire quanti elseif voglio o non inserirne affatto.

Se nessuna delle condizioni precedenti si verifica, lo script esegue il codice 3 dopo else.

Nota. In una struttura else può esserci al massimo una clausola else. Pertanto, la clausola else può anche essere assente ma mai più di una. La clausola else non è legata ad alcuna condizione. Viene eseguita se tutte le altre condizioni non si verificano.

Un esempio pratico

Questo script utilizza tutti i campi della struttura if

if(anni<=12) {
alert("bambino");
} else if(anni<18) {
alert("adolescente");
} else {
alert("adulto");
}

A seconda del valore della variabile anni, la struttura apre una pop-up con un testo diverso.

Volendo posso anche aggiungere due ulteriori else if alle condizioni

if(anni<=12) {
alert("bambino");
} else if(anni<18) {
alert("adolescente");
} else if(anni<30) {
alert("giovane adulto");
} else if(anni<60) {
alert("adulto");
} else {
alert("anziano");
}

Gli else if sono comunque facoltativi, possono anche mancare del tutto in una struttura condizionale if.

if(anni<18) {
alert("minorenne");
} else {
alert("maggiorenne");
}

Anche la clausola else è facoltativa. Posso creare una struttura condizionale if anche senza else.

if(anni<18) {
alert("minorenne");
}

In questo caso il programma esegue il codice condizionato solo se si verifica la condizione.

In caso contrario, lo script esce dalla struttura if senza fare nulla e continua l'esecuzione del programma.

E così via.