In questo tutorial imparerai a conoscere l'istruzione switch JavaScript con l'aiuto di esempi.
L' switchistruzione JavaScript viene utilizzata nel processo decisionale.
L' switchistruzione valuta un'espressione ed esegue il corpo corrispondente che corrisponde al risultato dell'espressione.
La sintassi switchdell'istruzione è:
switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )
L' switchistruzione valuta una variabile / espressione tra parentesi ().
- Se il risultato dell'espressione è uguale a
value1, viene eseguito il suo corpo. - Se il risultato dell'espressione è uguale a
value2, viene eseguito il suo corpo. - Questo processo continua. Se non ci sono maiuscole / minuscole corrispondenti, il
defaultcorpo viene eseguito.
Appunti:
- La
breakdichiarazione è facoltativa. Se viene rilevata l'istruzione break, l'istruzione switch termina. - Se l'
breakistruzione non viene utilizzata, vengono eseguiti anche i casi dopo il caso corrispondente. - Anche la
defaultclausola è facoltativa.
Diagramma di flusso dell'istruzione switch
Diagramma di flusso dell'istruzione switch JavaScript
Esempio 1: programma semplice che utilizza l'istruzione switch
// program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);
Produzione
Il valore è due.
Nel programma precedente, un'espressione a = 2viene valutata con switchun'istruzione.
- Il risultato dell'espressione viene valutato con il
case 1quale risultafalse. - Quindi l'
switchaffermazione va al secondo caso. Qui, il risultato dell'espressione corrisponde acase 2. Quindi viene visualizzato il valore è due. - L'
breakistruzione termina il blocco e il flusso di controllo del programma salta all'esterno delswitchblocco.
Esempio 2: digitare il controllo nell'istruzione switch
// program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);
Produzione
Il valore è uno.
Nel programma precedente, un'espressione a = 1viene valutata con switchun'istruzione.
- In JavaScript, l'istruzione switch controlla rigorosamente il valore. Quindi il risultato dell'espressione non corrisponde a
case "1". - Quindi l'
switchaffermazione va al secondo caso. Qui, il risultato dell'espressione corrisponde acase 1. Quindi viene visualizzato il valore è uno. - L'
breakistruzione termina il blocco e il flusso di controllo del programma salta all'esterno delswitchblocco.
Nota : in JavaScript, l'istruzione switch controlla rigorosamente i casi (dovrebbero essere dello stesso tipo di dati) con il risultato dell'espressione. Si noti nell'esempio precedente, 1 non corrisponde a "1" .
Scriviamo un programma per creare una semplice calcolatrice con l' switchistruzione.
Esempio 3: semplice calcolatrice
// program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )
Produzione
Immettere operatore: + Immettere il primo numero: 4 Immettere il secondo numero: 5 4 + 5 = 9
Nel programma precedente, all'utente viene chiesto di inserire + , - , * o / e due operandi. Quindi, l' switchistruzione esegue i casi in base all'input dell'utente.
Interruttore JavaScript con più case
In un'istruzione switch JavaScript, i casi possono essere raggruppati per condividere lo stesso codice.
Esempio 4: interruttore con custodia multipla
// multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )
Produzione
la mela è un frutto.
Nel programma precedente, vengono raggruppati più casi. Tutti i casi raggruppati condividono lo stesso codice.
Se il valore della variabile frutta avesse valore mangoo pineapple, l'output sarebbe stato lo stesso.
Articoli consigliati
- Interruttore JavaScript senza interruzione
- Istruzione Switch Vs if … else
