Wprowadzenie do instrukcji Case w JavaScript

JavaScript jest najpopularniejszym językiem skryptowym po stronie klienta, który jest obsługiwany przez prawie wszystkie przeglądarki. Jest to dynamiczny język programowania typu open source, z którego korzystają programiści. Prawie wszystkie popularne frameworki takie jak Angular, React itp. Oparte są na JavaScript; generowany kod końcowy jest tylko w czystym JavaScript. Podobnie jak każdy inny język programowania, JavaScript ma możliwość podejmowania decyzji przy użyciu instrukcji warunkowych, które są bardzo przydatne i wymagane do podejmowania decyzji w czasie wykonywania. Instrukcje decyzyjne są podstawą każdego języka programowania, ponieważ w zależności od różnych scenariuszy i sytuacji jesteśmy w stanie wykonać określone instrukcje.

Co to jest instrukcja Case w JavaScript?

Podczas pisania programów może zaistnieć sytuacja, w której musimy wykonać konkretną jego część w zależności od sytuacji. Odnosi się to do dynamicznego wybierania i wykonywania preferowanej części kodu. W takich sytuacjach możemy użyć instrukcji warunkowych, które pozwalają nam podjąć decyzję w czasie wykonywania i wykonać poprawną część.

JavaScript obsługuje instrukcje warunkowe, takie jak instrukcja if, if… else…, instrukcja case przełączająca itp. Są to instrukcje używane do decydowania o przebiegu wykonywania w zależności od różnych warunków. Zobaczmy, jak działa instrukcja i jej szczegóły, a następnie postaramy się zrozumieć, dlaczego musimy dogłębnie zamieniać instrukcje i ich szczegóły.

Jeśli instrukcja działa w ten sposób, jeśli warunek jest prawdziwy, wówczas wykona kod z bloku jeśli w przeciwnym razie, jeśli warunek jest fałszywy, wówczas wykona kod z bloku innego. Warunkiem tutaj jest to, co faktycznie przechodzimy, aby podjąć decyzję o programie. W przypadku instrukcji if, instrukcja warunkowa jest w większości zmienną logiczną lub wyrażeniem zwracającym zmienną logiczną, jest to prawda lub fałsz. W zależności od tej wartości Instrukcja if wykonuje określony blok kodu. Istnieją trzy formy instrukcji if,

  1. Jeśli oświadczenie
  2. Jeśli inaczej Oświadczenie
  3. Jeśli jeszcze, jeśli Oświadczenie

Jak działa instrukcja?

If (condition 1) (
//execute this block when condition 1 is true
)
else if (condition 2) (
//execute this block when condition 2 is true
)
.
.
.
else (
//execute this block when none of condition is true
)

Na przykład instrukcja if sprawdzi warunek jeden po drugim i wykona określony blok kodu. Ten rodzaj wykonania jest odpowiedni dla mniejszej liczby warunków, ale wyobraź sobie, że jeśli mamy dużą liczbę warunków, trudno jest śledzić kod, kod staje się niechlujny i mniej wydajny. W tego rodzaju scenariuszach przydatna jest instrukcja case switch. Instrukcja case switch jest używana jako alternatywa dla wielu, jeśli… else… instrukcji. Są bardziej wydajne podczas testowania wielu warunków.

Jak działa instrukcja Case w Java Script?

Instrukcja case wykonuje jeden z wielu bloków kodu na podstawie zmiennej lub wartości wyrażenia.

Składnia:

switch(expression)
(
case a:
//Statement or expression;
break;
case b:
//Statement or expression;
break;
.
.
.
default:
//default statement or expression;
)

  • Instrukcja case najpierw ocenia wyrażenie i ustala jego wartość.
  • Następnie dopasowuje tę samą wartość do każdej instrukcji case. W naszym przypadku po określeniu wartości wyrażenia zostanie ono porównane z wartościami wielkości liter a, b itp.
  • Po dopasowaniu wartości do instrukcji case, jeśli znaleziono dopasowanie, wykonuje kod lub wyrażenie w tym bloku i wychodzi z bloku przełącznika.
  • Następnie porównuje wynik wyrażenia jeden po drugim ze wszystkimi wartościami wielkości liter.
  • Jeśli nie znaleziono dopasowania ze wszystkich instrukcji case, wykonuje blok kodu z domyślnej instrukcji case. blok domyślny jest zawsze wykonywany, gdy nie znaleziono dopasowania.
  • Słowo kluczowe Break jest używane po każdym wykonaniu bloku sprawy. Zasadniczo nakazuje programowi wyjście z instrukcji switch.
  • Jeśli instrukcja break nie zostanie użyta, wówczas wykonywanie programu będzie kontynuowane poprzez wykonanie kodu z bloku następnego przypadku i będzie kontynuowane aż do znalezienia słowa kluczowego break lub wykonania ostatniego domyślnego bloku.

Schemat przepływu:

W przypadku instrukcji case, warunek może być wyrażeniem lub wartością dowolnego typu danych. Wyrażenie to nic innego jak instrukcja warunkowa zwracająca odpowiednią wartość do porównania. Instrukcje case switch są dobre do oceny stałych typów danych.

Przykłady instrukcji Case w JavaScript

Przykłady instrukcji Case w JavaScript są następujące:

Przykład 1

var x = 1;
switch (x)
(
case 0:
console.log(“Zero”);
break;
case 1:
console.log(“One”);
break;
case 2:
console.log(“Two”);
break;
default:
console.log (“Not Zero, One or Two);
)

W powyższym przykładzie zmienna x jest liczbą całkowitą i przypisaliśmy jej wartość 1. x jest przekazywane jako wyrażenie do instrukcji switch. Teraz wartość x jest porównywana ze wszystkimi przypadkami, w naszym przypadku zostanie ona dopasowana do przypadku 1. Spowoduje to wykonanie bloku dla przypadku 1, a program wydrukuje „One” na konsoli. Jeśli wartość x byłaby inna, wówczas zostałby wykonany blok domyślny.

Przykład 2

var colour = “Blue”;
switch(colour)
(
case “Red”:
alert (“Colour is Red”);
break;
case “Green”:
alert (“Colour is Green”);
break;
case “Blue”:
alert (“Colour is Blue”);
break;
default:
alert (“No Colour Match”);
)

Powyższy przykład będzie pasował do koloru niebieskiego i wyświetli Alert w przeglądarce jako „Kolor jest niebieski”. Zauważ, że typem danych wyrażenia tutaj jest String. W poprzednim przykładzie był on typu Integer.

Wniosek

JavaScript ma bardzo szeroką obsługę instrukcji warunkowych. Instrukcje case są alternatywą dla wielu instrukcji if-else. Instrukcje case sprawiają, że kod jest efektywny i wygląda mniej chaotycznie. Instrukcje przypadków są bardzo przydatne w JavaScript, gdzie wymagane jest testowanie wielu dużych ilości warunków.

Polecane artykuły

Jest to przewodnik po instrukcji Case w JavaScript. Tutaj omawiamy, jak działa instrukcja case wraz z przykładami instrukcji case w javascript. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej -

  1. Tablice w JavaScript
  2. Jak działa JavaScript
  3. Ściągawka JavaScript
  4. Kariera w JavaScript
  5. Mnożenie macierzy programowania C.
  6. Przełącz obudowę w PowerShell | Parametry | Przykłady

Kategoria:

Rozwój oprogramowania