Tässä opetusohjelmassa opit JavaScript-kytkinlausekkeesta esimerkkien avulla.
JavaScript- switch
käskyä käytetään päätöksenteossa.
switch
Selvitys laskee lausekkeen ja suorittaa vastaavan elimen, joka vastaa ilmaisua tulokseen.
Lausunnon syntaksi switch
on:
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 )
switch
Selvitys arvioi muuttuvan / ilme sisällä sulkeissa ()
.
- Jos lausekkeen tulos on yhtä suuri
value1
, sen runko suoritetaan. - Jos lausekkeen tulos on yhtä suuri
value2
, sen runko suoritetaan. - Tämä prosessi jatkuu. Jos vastaavaa tapausta ei ole,
default
runko suorittaa.
Huomautuksia:
break
Lausunto on vapaaehtoista. Jos rikkomuslauseke esiintyy, kytkinlauseke päättyy.- Jos
break
lausetta ei käytetä, suoritetaan myös tapaukset vastaavan tapauksen jälkeen. default
Lauseke on myös mahdollisuus.
Kytkimen lausunnon vuokaavio

Esimerkki 1: Yksinkertainen ohjelma kytkinlausekkeen avulla
// 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)`);
Tuotos
Arvo on kaksi.
Edellä olevassa ohjelmassa lauseke a = 2
arvioidaan switch
lausekkeella.
- Ilmentyminen on tulos arvioidaan kanssa
case 1
, joka johtaafalse
. - Sitten
switch
lausunto menee toiseen tapaukseen. Tässä lausekkeen tulos vastaacase 2
. Joten arvo on kaksi näytetään. break
Lausuma päättyy lohkon ja valvonta virtaus ohjelma hyppää ulkopuolellaswitch
estää.
Esimerkki 2: Tyyppitarkistus kytkimen lauseessa
// 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)`);
Tuotos
Arvo on yksi.
Edellä olevassa ohjelmassa lauseke a = 1
arvioidaan switch
lausekkeella.
- JavaScriptissä switch-käsky tarkistaa arvon tarkasti. Joten lausekkeen tulos ei vastaa
case "1"
. - Sitten
switch
lausunto menee toiseen tapaukseen. Tässä lausekkeiden tulos vastaacase 1
. Joten arvo on yksi näytetään. break
Lausuma päättyy lohkon ja valvonta virtaus ohjelma hyppää ulkopuolellaswitch
estää.
Huomaa : JavaScriptissä switch-käsky tarkistaa tapaukset tiukasti (niiden pitäisi olla samantyyppisiä) lausekkeen tuloksen kanssa. Huomaa yllä olevassa esimerkissä, että 1 ei täsmää "1": n kanssa .
Kirjoitetaan ohjelma yksinkertaisen laskimen luomiseksi switch
lauseella.
Esimerkki 3: Yksinkertainen laskin
// 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; )
Tuotos
Syötä operaattori: + Syötä ensimmäinen numero: 4 Syötä toinen numero: 5 4 + 5 = 9
Yllä olevassa ohjelmassa käyttäjää pyydetään syöttämään joko + , - , * tai / ja kaksi operandia. Sitten switch
lauseke suorittaa tapauksia käyttäjän syötteen perusteella.
JavaScript-kytkin useilla koteloilla
JavaScript-kytkinlausekkeessa tapaukset voidaan ryhmitellä jakamaan sama koodi.
Esimerkki 4: Vaihda useilla koteloilla
// 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; )
Tuotos
omena on hedelmä.
Yllä olevassa ohjelmassa useita tapauksia on ryhmitelty. Kaikilla ryhmitetyillä tapauksilla on sama koodi.
Jos hedelmämuuttujan arvolla olisi arvo mango
tai pineapple
, tulos olisi ollut sama.
Suositellut artikkelit
- JavaScript-kytkin ilman taukoa
- Vaihda Vs, jos… muuten Lausunto