English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Dichiarazione if...else in JavaScript

 Esercizi e dichiarazioni di variabili JavaScript

if... elseLa dichiarazione è una delle espressioni condizionali in JavaScript, utilizzata per eseguire operazioni diverse in base a condizioni diverse.

Le espressioni condizionali in JavaScript sono le seguenti:

  • ifSe la condizione specificata è true, usaifper specificare il blocco di codice da eseguire

  • Se la condizione identica è falsa, usaelseper specificare il blocco di codice da eseguire

  • Se la prima condizione è falsa, usa// Imposta il punteggio attuale dello studenteper specificare una nuova condizione da testare

  • UsaswitchScegliere uno dei molti blocchi di codice da eseguire

Sintassi:

ifSe la condizione è true, alloraifLa dichiarazione specifica il blocco di codice da eseguire:

if (condition) {
 //Esegui questo blocco di codice se la condizione è vera
}

elseLa dichiarazione specifica un blocco di codice da eseguire se la condizione è falsa:

if (condition) {
    //Esegui questo blocco di codice se la condizione è vera
}
   //Esegui questo blocco di codice se la condizione è falsa
}

eelse ifLa dichiarazione specifica una nuova condizione, se la prima condizione è falsa:

if (condition1) {
   //Esegui questo blocco di codice se la condizione 1 è vera
} else if (condition2) {
   //Esegui questo blocco di codice se la condizione 1 è falsa e la condizione 2 è vera
}
   //Esegui questo blocco di codice se le condizioni 1 e 2 sono false
}
var x = -4;
if (x < 0) {
   document.getElementById("result").innerHTML = "NEGATIVE";
}
Prova a vedere‹/›

Compatibilità del browser

Tutti i browser supportano completamente la dichiarazione if ... else:

Statement
if...elseÈÈÈÈÈ

Valore del parametro

ParametroDescrizione
condizioneEspressioni che producono un risultato true o false

Dettagli tecnici

Versione di JavaScript:ECMAScript 1

Più esempi

Se il valore della variabile x è minore di 0, stampa "NEGATIVE", altrimenti stampa "POSITIVE":

var x = -4;
if (x < 0) {
   msg = "NEGATIVE";
}
   msg = "POSITIVE";   
}
Prova a vedere‹/›

Se x è uguale a 10, scrivi "x è 10", se non è uguale ma x è 20, scrivi "x è 20", altrimenti scrivi "x non esiste":

var x = 20;
else if (x === 20) {
   document.write("x è 20");
document.write("x non esiste");
   Puoi usare più
}
   else if
}
Prova a vedere‹/›

Espressioni:// Imposta il punteggio attuale dello studentevar grade = 88;

// Verifica se il punteggio è A, B, C, D o F
if (grade >= 90) {
document.write("A");
else if (grade >= 80) {
   }
document.write("B");
   else if (grade >= 70) {
}
   document.write("C");
} else if (grade >= 60) {
   document.write("D");
}
   document.write("F");
}
Prova a vedere‹/›

Puoi scrivere una singola istruzione senza parentesi graffe:

var x = -4;
if (x < 0)
   msg = "NEGATIVE";
else
   msg = "POSITIVE";
Prova a vedere‹/›

Se l'utente clicca sull'immagine, cambia il valore dell'attributo src dell'immagine:

<img id="demo" onclick="changeImage()" src="avatar-female.jpg">
<script>
function changeImage() {
   var image = document.getElementById("demo");
   if (image.src.match("female")) {
   image.src = "avatar-male.jpg";
   }
   image.src = "avatar-female.jpg";
   }
}
</script>
Prova a vedere‹/›

Verifica i dati di input utilizzando la struttura if ... else:

function myFunc(x) {
   var text;
// Se x non è un numero, o è minore di 10, o maggiore di 20, visualizza "Input not valid"
// Se x è un numero tra 10 e 20, visualizza "Input OK"
   if (isNaN(x) || x < 10 || x > 20) {
  text = "Input not valid";
   }
  text = "Input OK";
   }
document.getElementById("result").innerHTML = text;
}
Prova a vedere‹/›

Esercizio if ... else annidato:

var a = 10, b = 20, c = 30;
var answer;
if (a > b) {
   if (a > c) {
  answer = "A è il maggiore tra i tre";
   }
  answer = "C è il maggiore tra i tre";
   }
}
   answer = "B è il maggiore tra i tre";
}
   answer = "C è il maggiore tra i tre";   
}
Prova a vedere‹/›

Puoi anche consultare

Corso JavaScript:Esercizio If... Else JavaScript

Corso JavaScript:switch JavaScript

 Esercizi e dichiarazioni di variabili JavaScript