Funkcje i warunki if-else w JavaScript. Instrukcje warunkowe Składnia JavaScript if

Źródło tego interaktywnego przykładu jest przechowywane w repozytorium GitHub. Jeśli chcesz przyczynić się do projektu interaktywnych przykładów, sklonuj https://github.com/mdn/interactive-examples i wyślij nam żądanie ściągnięcia.

Składnia if (warunek) instrukcja1 warunek Wyrażenie uznawane za prawdziwe lub fałszywe.

instrukcja1 Instrukcja wykonywana, jeśli warunek jest prawdziwy. Może to być dowolna instrukcja, łącznie z dalszymi zagnieżdżonymi instrukcjami if. Aby wykonać wiele instrukcji, użyj instrukcji blokowej (( ... )) w celu zgrupowania tych instrukcji. Aby nie wykonywać żadnych instrukcji, użyj pustej instrukcji.

instrukcja2 Instrukcja wykonywana, jeśli warunek jest fałszywy i istnieje klauzula else. Może to być dowolna instrukcja, w tym instrukcje blokowe i dalsze zagnieżdżone instrukcje if. Opis

Można zagnieździć wiele instrukcji if...else, aby utworzyć klauzulę else if. Zauważ, że w JavaScript nie ma słowa kluczowego elseif (jednym słowem).

If (warunek1) instrukcja1 else if (warunek2) instrukcja2 else if (warunek3) instrukcja3 ... else instrukcjaN

Aby zobaczyć, jak to działa, przyjrzyjmy się, jak wyglądałoby to, gdyby zagnieżdżenie było prawidłowo wcięte:

If (warunek1) instrukcja1 else if (warunek2) instrukcja2 else if (warunek3) ...

Aby wykonać wiele instrukcji w klauzuli, użyj instrukcji blokowej (( ... )) w celu zgrupowania tych instrukcji. Ogólnie rzecz biorąc, dobrą praktyką jest zawsze używanie instrukcji blokowych, szczególnie w kodzie zawierającym zagnieżdżone instrukcje if:

If (warunek) (instrukcje1) else (instrukcje2)

Nie myl prymitywnych wartości logicznych true i false z prawdziwością lub fałszywością obiektu Boolean. Każda wartość, która nie jest false , undefiniowana , null , 0 , -0 , NaN lub pusty ciąg znaków („”) oraz dowolny obiekt, w tym obiekt Boolean, którego wartość jest fałszywa, jest uważana za prawdziwą, jeśli zostanie użyta jako warunek. Na przykład:

Var b = nowa wartość logiczna (fałsz); if (b) // ten warunek jest prawdziwy Przykłady Użycie if...else if (cipher_char === from_char) ( wynik = wynik + to_char; x++; ) else ( wynik = wynik + clear_char; ) Użycie else if Należy pamiętać, że w JavaScript nie ma składni elseif. Jednakże,

If (x > 50) ( /* postępuj właściwie */ ) else if (x > 5) ( /* postępuj właściwie */ ) else ( /* postępuj właściwie */ )

Przypisanie w wyrażeniu warunkowym

Wskazane jest, aby nie używać prostych przypisań w wyrażeniach warunkowych, ponieważ przypisanie można pomylić z równością podczas przeglądania kodu. Na przykład nie używaj następujące kod:

Jeśli (x = y) ( /* postępuj właściwie */ )

Jeśli chcesz użyć przypisania w wyrażeniu warunkowym, powszechną praktyką jest umieszczenie wokół przypisania dodatkowych nawiasów. Na przykład:

If ((x = y)) ( /* postępuj właściwie */ )

Dane techniczne Specyfikacja Stan Komentarz

Najnowsza wersja robocza ECMAScript (ECMA-262)	Projekt
ECMAScript 2015 (wydanie 6, ECMA-262) Definicja „instrukcji if” w tej specyfikacji.	Standard
ECMAScript 5.1 (ECMA-262) Definicja „instrukcji if” w tej specyfikacji.	Standard
ECMAScript, wydanie 3. (ECMA-262) Definicja „instrukcji if” w tej specyfikacji.	Standard
ECMAScript, wydanie pierwsze (ECMA-262) Definicja „instrukcji if” w tej specyfikacji.	Standard	Wstępna definicja

Zgodność przeglądarki

Tabela zgodności na tej stronie jest generowana na podstawie danych strukturalnych. Jeśli chcesz przyczynić się do gromadzenia danych, odwiedź https://github.com/mdn/browser-compat-data i wyślij nam prośbę o ściągnięcie.

Zaktualizuj dane dotyczące zgodności w GitHub

Serwer mobilny stacjonarny Przeglądarka Chrome Edge Internet Explorera Opera Safari Przeglądarka internetowa na Androida Chrome na Androida Firefox na Androida Opera na Androida Safari na iOS Samsung Internet Node.jsjeśli...inny

Pełna obsługa Chrome 1

Edge Pełne wsparcie 12

Pełna obsługa Firefoksa 1

IE Pełne wsparcie 3

Opera Pełne wsparcie Tak

Safari Pełne wsparcie Tak

Pełna obsługa WebView dla Androida 1

Chrome Android Pełna obsługa 18

Pełna obsługa przeglądarki Firefox dla Androida 4

Opera Android Pełna obsługa Tak

Pełna obsługa Safari iOS Tak

Samsung Internet Android Pełna obsługa 1.0

nodejs Pełne wsparcie Tak

Reg.ru: domeny i hosting

Największy rejestrator i dostawca usług hostingowych w Rosji.

Ponad 2 miliony nazw domen w obsłudze.

Promocja, poczta domenowa, rozwiązania biznesowe.

Wyboru dokonało już ponad 700 tysięcy klientów na całym świecie.

Framework Bootstrap: szybki układ adaptacyjny

Kurs wideo krok po kroku dotyczący podstaw układu adaptacyjnego w środowisku Bootstrap.

Naucz się składać łatwo, szybko i skutecznie, korzystając z potężnego i praktycznego narzędzia.

Układaj na zamówienie i zarabiaj.

*Najedź myszą, aby wstrzymać przewijanie.

Wstecz Naprzód

Funkcje i warunki jeśli-inne w JavaScript

Często kiedy za pomocą JavaScriptu istnieje potrzeba wykonania różnych działań, gdy spełnione są różne warunki.

Napisałeś na przykład skrypt, który sprawdza, z jakiej przeglądarki korzysta użytkownik odwiedzając Twoją witrynę. Jeśli jest to Internet Explorer, należy załadować stronę specjalnie zaprojektowaną dla IE; jeśli jest to inna przeglądarka, należy załadować inną wersję tej strony.

Ogólna składnia konstrukcji if-else jest następująca:

Jeśli (warunek) (akcja) else (akcja2);

Jako przykład rozważ następujący kod:

If (browser=="MSIE") ( alert("Używasz IE") ) else ( alert("Nie używasz IE") );

Należy pamiętać, że używane są wszystkie małe litery. Jeśli napiszesz „IF”, wystąpi błąd.

Należy również pamiętać, że w porównaniu używany jest podwójny znak równości (==).

Jeśli napiszemy przeglądarka="MSIE", wtedy po prostu przypiszemy wartość MSIE zmienna o nazwie przeglądarka.

Kiedy piszemy przeglądarka=="MSIE", to JavaScript „rozumie”, że chcemy dokonać porównania, a nie przypisać wartość.

Trudniejsze warunki Jeśli możesz je utworzyć po prostu dodając je na przykład do części w przeciwnym razie już istniejącą strukturę jeśli-inaczej:

If (warunek) (akcja1) else (if (inny warunek) (akcja2) else (akcja3); );

Na przykład:

If (browser=="MSIE") ( alert("Używasz IE") else ( if (browser=="Netscape") ( alert("Używasz Firefoksa") else ( alert("Używasz przeglądarki nierozpoznana przeglądarka: )")); );

Operatory logiczne AND, OR i NOT

Dla jeszcze bardziej elastycznego wykorzystania projektu jeśli-inaczej możesz skorzystać z tzw operatory logiczne.

I jest zapisywane jako && i jest używane, gdy więcej niż jeden warunek wymaga sprawdzenia pod kątem prawdziwości.

Na przykład: Jeśli w lodówce są jajka i bekon, to możemy jeść jajka i bekon.

Składnia jest następująca:

If (warunek1 && warunek2) ( akcja ) if (godzina==12 && minuta==0) ( alert("Południe!") );

Lub jest zapisane jako ||

i jest używany, gdy chcemy sprawdzić prawdziwość co najmniej jednego z dwóch lub więcej warunków. (Możesz uzyskać || przytrzymując klawisz Shift i klawisz \)

Składnia jest następująca:

Na przykład: Jeśli w lodówce jest mleko lub w lodówce jest woda, to mamy coś do picia.

If (warunek1 || warunek2) ( akcja ) if (godzina==11 || godzina==10) ( alert("Jeszcze nie jest południe!") );

Nie jest napisane jako !

i służy do negacji.

Na przykład: Jeśli w lodówce nie ma jajek ani bekonu, nie możemy jeść ani jajek, ani bekonu.

Składnia jest następująca:

Zamiast po prostu dodawać JavaScript do strony i zlecać przeglądarce wykonanie kodu, możesz sprawić, że skrypt będzie wykonywany tylko w przypadku wystąpienia zdarzenia.

Na przykład stworzyłeś JavaScript, którego zadaniem jest zmiana kolor tła strony po kliknięciu określonego przycisku. W takim przypadku musisz „powiedzieć” przeglądarce, że ten skrypt nie powinien zostać wykonany tylko dlatego, że nadeszła jego kolej.

Aby uniemożliwić przeglądarce wykonanie skryptu podczas ładowania, musisz napisać skrypt jako funkcję.

W takim przypadku kod JavaScript nie zostanie wykonany, dopóki „poprosimy” go o to w specjalny sposób.

Spójrz na przykład skryptu napisanego jako funkcja:

funkcja mojafunkcja() ( alert("Witamy!"); )

Kliknij przycisk, aby zobaczyć, co robi ten skrypt:

Jeśli linia alert("Witamy!"); Gdyby nie było to zapisane w funkcji, byłoby wykonywane za każdym razem, gdy przeglądarka osiągnęła ten wiersz. Ponieważ jednak napisaliśmy to wewnątrz funkcji, wiersz ten nie zostanie wykonany, dopóki nie klikniemy przycisku.

Wywołanie funkcji (czyli dostęp do niej) następuje w tej linii:

Jak widać umieściliśmy przycisk na formularzu i dodaliśmy wydarzenie onClick="mojafunkcja()" dla przycisku.

W przyszłych lekcjach przyjrzymy się innym typom zdarzeń wyzwalających funkcje.

Ogólna składnia funkcji jest następująca:

Funkcja nazwafunkcji(zmienna1, zmienna2,..., zmiennaN) ( // Oto treść funkcji, działania, które wykonuje)

Nawiasy klamrowe: ( i ) wskazują początek i koniec funkcji.

Typowym błędem przy tworzeniu funkcji jest nieuwaga i ignorowanie znaczenia wielkości liter. Słowo funkcja musi być dokładnie funkcją. Opcja Funkcja lub FUNKCJA spowoduje błąd.

Poza tym użycie wielkie litery odgrywa rolę przy określaniu nazw zmiennych. Jeśli masz funkcję o nazwie mojafunkcja(), a następnie próba zwrócenia się do niej per Mojafunkcja(), MOJAFUNKCJA() Lub MojaFunkcja() spowoduje błąd.

Spodobał Ci się materiał i chcesz mi podziękować?
Po prostu udostępnij znajomym i współpracownikom!

Zobacz także:

W życiu codziennym często konieczne jest podjęcie jakiejś decyzji, w zależności od jakiegoś warunku. Na przykład, jeśli w weekend będzie ciepło, pojedziemy nad morze, w przeciwnym razie, jeśli będzie pochmurno, będziemy siedzieć w domu.

Zdarza się to również bardzo często w programowaniu. Istnieją dwie instrukcje warunkowe: if-else i switch-case. W tym artykule opowiem o operatorze if-else, a w następnym o operatorze switch.

Składnia instrukcji warunkowej if-else jest następująca:

Jeśli warunek jest prawdziwy, to wykonywany jest kod z bloku if, w przeciwnym razie, jeśli warunek jest fałszywy, wykonywany jest kod z bloku else.

Dla lepszego zrozumienia weźmy taki prosty przykład, mamy pewną kwotę pieniędzy i chcemy kupić samochód, i tu od razu pojawia się następujący warunek: jeśli mamy wystarczająco dużo pieniędzy, to możemy kupić ten samochód, w przeciwnym razie nie mogę.

Var pieniądze = 35000; // Załóżmy, że mamy 35 000 euro // Samochód, który chcemy kupić kosztuje 50 000 euro. I zachodzi następujący warunek if(pieniądze > 50000)( document.write("Możemy kupić samochód"); )else( document.write("Za mało pieniędzy na zakup samochodu"); )

Zapisujemy dokument, otwieramy go w przeglądarce i widzimy, że na stronie pojawia się następujący komunikat: „Nie ma wystarczającej ilości pieniędzy na zakup samochodu”. Gdybyśmy mieli więcej niż 50 000 euro, to kod z bloku if zostałby wykonany. Gdybyśmy mieli dokładnie 50 000 euro, to też nie moglibyśmy kupić samochodu, bo 50 000 to nie więcej niż 50 000, żeby spełnić warunek w tym przypadku było prawdziwe, należy wpisać znak większości lub równości (>=).

Komentarz! Operację logiczną równa się zapisuje się dwoma znakami równości (==). Istnieje również operacja logiczna mniejsza lub równa (

używając nawiasów klamrowych

Jeśli w bloku występuje tylko jeden operator, nawiasy klamrowe nie są konieczne; jeśli w bloku jest więcej niż jeden operator, wówczas wymagane są nawiasy klamrowe.

Powyższy przykład będzie działał doskonale bez nawiasów klamrowych, ponieważ oba bloki zawierają tylko jedną instrukcję.

Wewnątrz, jeśli możesz coś napisać operacje logiczne niezależnie od tego, czy są proste, czy złożone. Można także używać operatorów AND (&&) i OR (||).

Komentarz! Obecność bloku else jest opcjonalna.

Na przykład, jeśli a jest równe b i c jest równe d, to wyświetlamy odpowiedni komunikat, w przeciwnym razie, jeśli nie ma bloku else, to po prostu przechodzimy do następnej linii.

Var a = 4, b = 4, c = 8, d = 8; if((a == b) && (c == d)) document.write("a jest równe b ORAZ c jest równe d"); document.write("Następna linia kodu");

Instrukcja if - else if - else

Po bloku if może znajdować się jeden lub więcej bloków else if, a na końcu znajduje się blok else. Jest to przydatne, gdy trzeba użyć więcej niż jednego warunku.

Dla lepszego zrozumienia weźmy przykład z życia codziennego. Przykładowo mamy określoną liczbę gniazd. Jeżeli w pomieszczeniu mamy tylko jedno gniazdko to możemy podłączyć tylko jedno urządzenie, jeśli gniazdek są dwa to możemy podłączyć dwa urządzenia, a jeśli jest ich więcej to możemy podłączyć wszystkie urządzenia w domu do sieci elektrycznej .

Przejdźmy teraz do programowania.

Gniazdo Var = 2; // Liczba gniazd w domu if(socket == 1) document.write("

Możemy podłączyć tylko jedno urządzenie

"); else if(socket == 2)( dokument.write("

Możemy podłączyć tylko dwa urządzenia

"); dokument.zapis("

Na przykład telewizor i laptop

"); )else(dokument.write("

Do sieci elektrycznej możemy podłączyć wszystkie urządzenia w domu

"); }

W zależności od wartości zmiennej gniazda zadziała jeden lub drugi blok kodu. Jak zapewne już zrozumiałeś, jeśli gniazdo ma wartość 1, wówczas zadziała pierwszy blok kodu. Jeśli gniazdo ma wartość 2, wówczas zadziała drugi blok kodu, a jeśli gniazdo ma inną wartość (nawet liczbę ujemną), wówczas zadziała trzeci blok kodu.

Skrót od „jeśli jeszcze”.

Notacji skróconej można użyć, gdy w zależności od określonego warunku zmienna może otrzymać tę lub inną wartość.

Przykładowo, jeśli wartość zmiennej a jest większa od wartości zmiennej b, to w zmiennej x napiszemy komunikat: „Zmienna a jest większa niż zmienna b”, w przeciwnym razie napiszemy, że „Zmienna a jest mniej niż zmienna b.”

Var a = 50, b = 100, x; x = (a > b)? "

Zmienna a jest większa niż zmienna b

" : "

Zmienna a jest mniejsza niż zmienna b

"; //Wypisz wynikowy dokument.write(x);

To wszystko, co chciałem Ci powiedzieć w tym artykule. Instrukcja warunkowa if-else jest używana w każdym skrypcie na więcej niż jeden sposób, dlatego bardzo ważne jest, aby ją znać i rozumieć. W następnym artykule opowiem o kolejnym przypadku przełączania operatora warunkowego.

W tym artykule przyjrzymy się operatorom warunkowym i logicznym języka JavaScript.

Instrukcje warunkowe JavaScript

Operatory warunkowe to operatory JavaScript (ECMAScript), które w zależności od warunku umożliwiają wykonanie jednej lub większej liczby określonych instrukcji.

Formy instrukcji warunkowych w JavaScript:

instrukcja warunkowa if (z jedną gałęzią);
instrukcja warunkowa if...else (z dwoma gałęziami);
instrukcja warunkowa else if... (z kilkoma gałęziami);
operator trójskładnikowy (?: );
instrukcja wyboru przełącznika.

Warunkowa instrukcja if

Składnia instrukcji if jest następująca:

Instrukcja if (warunek).

Instrukcja warunkowa if składa się z:

słowo kluczowe jeśli ;
warunki (wyrażenia w nawiasach), które muszą mieć wartość true lub false (lub zostać rzutowane na jedną z tych wartości);
instrukcje do wykonania, jeśli warunek jest prawdziwy lub ma wartość true.

Na przykład:

Jeśli (prawdziwa) liczba = 4;

W tym przykładzie warunek jest taki PRAWDA. Oznacza to, że instrukcja count = 4 będzie zawsze wykonywana. Ten przykład Podano po prostu wyjaśnienie zasady działania instrukcji if, ponieważ jest pozbawione jakiegokolwiek znaczenia.

Przykładowo zwiększmy wartość zmiennej głosy o 1, jeśli jest ona (jej typem) liczbą:

Jeśli (typ głosów === "liczba") głosów++;

Jeśli konieczne jest wykonanie wielu instrukcji, należy je umieścić w nawiasach klamrowych:

If (typ głosów === "liczba") ( głosy++; konsola.log("Liczba głosów: " + głosy); )

If (typeof głosów === "liczba") ( głosów++; )

Jeśli...inne stwierdzenie

Instrukcja if...else jest używana, gdy konieczne jest wykonanie niektórych instrukcji, jeśli warunek jest prawdziwy, a innych, jeśli jest fałszywy.

Składnia:

If (warunek) (jedna lub więcej instrukcji (zostanie wykonana, gdy warunek będzie prawdziwy lub zostanie zredukowany do wartości true)) else (jedna lub więcej instrukcji (zostanie wykonana, gdy warunek będzie fałszywy lub zostanie zredukowany do wartości fałszywej))

Na przykład wypiszmy na konsolę komunikat o tym, czy liczba jest parzysta, czy nie:

If (liczba % 2) ( console.log("Liczba jest nieparzysta!"); ) else ( console.log("Liczba jest parzysta!"); )

Reguła zmiany warunku na true lub false

Jeśli wyrażenie w warunku instrukcji if nie jest prawdziwe lub fałszywe, JavaScript rzuci je na jedną z tych wartości. Ta akcja realizuje to stosując tzw. „zasadę kłamstwa”.

Oznaczający tej zasady: dowolne wyrażenie jest prawdziwe z wyjątkiem następujących wartości:

fałsz (fałsz);
"" Lub "" ( pusty ciąg);
NaN (specjalny typ danych numerycznych „nie liczba”);
0 (liczba „zero”);
null(wartość „pusta”);
niezdefiniowany (wartość „niezdefiniowana”).

Przykładowo wyświetlmy wiadomość powitalną w konsoli przeglądarki, w zależności od tego, jaka wartość jest przechowywana w zmiennej nameUser:

If (nameUser) ( console.log("Witaj, " + nazwa + "!"); ) else ( console.log("Witaj, gościu!"); )

Jeżeli zmienna nameUser zawiera pusty ciąg znaków, to zgodnie z regułą kłamstwa zostanie ona rzucona na wartość false. W rezultacie na konsoli zostanie wyświetlony komunikat „Witaj, gościu!”. .

A jeśli np. zmienna nameUser zawiera ciąg „Timur”, to wyrażenie w warunku zostanie zredukowane do wartości true. W rezultacie na konsoli wyświetli się komunikat „Hello, Timur!” .

else if... instrukcja (wiele warunków)

Składnia:

If (warunek1) (instrukcje 1) else if (warunek2) (instrukcje 2) else if (warunek3) (instrukcje 3 //...) else if (warunekN) (instrukcje N) else (instrukcje, które zostaną wykonane, jeśli żadna z nich warunków nie jest spełniony lub nie jest zredukowany do tej wartości)

Operator warunkowy (trójskładnikowy) (?:)

Operator trójskładnikowy to operator JavaScript, którego można użyć, gdy trzeba wykonać jedno z dwóch podanych wyrażeń w oparciu o warunek.

Składnia:

Stan : schorzenie? wyrażenie1: wyrażenie2

Operator trójskładnikowy składa się z trzech operandów oddzielonych symbolami? I: . Warunek operatora trójskładnikowego jest określony w pierwszym operandzie. Można go także ująć w nawiasy. Jeśli warunek jest spełniony lub zostanie zredukowany do tej wartości, zostanie wykonane wyrażenie 1, w przeciwnym razie zostanie wykonane wyrażenie 2.

Na przykład:

(liczba > 10) ? console.log("Liczba jest większa niż 10!"): console.log("Liczba jest mniejsza lub równa 10");

JavaScript pozwala na użycie wielu operatorów trójskładnikowych (?:):

Var dayNumber = nowa data().getDay(); dzień = (Numer dnia === 0)? „Niedziela”: (Numer dnia === 1)? „Poniedziałek”: (Numer dnia === 2)? „Wtorek”: (Numer dnia === 3)? „Środa”: (Numer dnia === 4)? „Czwartek”: (Numer dnia === 5)? „Piątek”: (Numer dnia === 6)? „Sobota” : „Nieznany dzień tygodnia”; console.log("Dzisiaj " + dzień.toLowerCase() + ".");

Powyższy przykład, ale z użyciem wielokrotnej notacji instrukcji if...else:

Var dayNumber = nowa data().getDay(); if (dayNumber === 0) ( dzień = „niedziela”; ) else if (dayNumber === 1) ( dzień = „poniedziałek”; ) else if (dayNumber === 2) ( dzień = „wtorek”; ) else if (Numer dnia === 3) ( dzień = "środa"; ) else if (Numer dnia === 4) ( dzień = "czwartek"; ) else if (Numer dnia === 5) ( dzień = "piątek"; ) else if (dayNumber === 6) ( dzień = "sobota"; ) else ( dzień = "Nieznany dzień tygodnia"; ) console.log("Dzisiaj " + dzień.toLowerCase() + ".");

instrukcja switch

Instrukcja switch ma na celu wykonanie jednej z kilku instrukcji w zależności od wartości wyrażenia. Wybór jednej lub drugiej opcji zależy od ścisłej równości wyniku wyrażenia z wartością przypadku (przypadku).

Składnia instrukcji Switch:

Switch (wyrażenie) ( case wartość1: // ... instrukcje, które zostaną wykonane, jeśli wynikiem oceny wyrażenia będzie „wartość 1” break; // instrukcja opcjonalna (jeśli nie zostanie użyta, zostanie wykonane kolejne polecenie z instrukcji switch ) case wartość2: // ... instrukcje, które zostaną wykonane, jeśli wynikiem oceny wyrażenia będzie „wartość2” break // instrukcja opcjonalna (jeśli nie zostanie użyta, zostanie wykonane kolejne polecenie operatora przełączania) // .. .case wartośćN: // .. instrukcje, które zostaną wykonane, jeśli wynikiem oceny wyrażenia będzie „wartośćN” break; // instrukcja opcjonalna (jeśli nie zostanie użyta, zostanie wykonane kolejne polecenie instrukcji switch) domyślnie: / / instrukcje, które zostaną wykonane jeśli wynik wyrażenia nie będzie równy więcej niż jednej z wartości)

Domyślne słowo kluczowe jest opcjonalne. Używa się go, gdy trzeba określić instrukcje, które należy wykonać, jeśli wynik wyrażenia nie jest równy żadnej wartości przypadku (przypadku).

Instrukcja break jest opcjonalna. Jego zadaniem jest przerwanie wykonywania instrukcji switch i przekazanie kontroli instrukcji następującej po niej.

Przykładowo wyświetlmy w konsoli przeglądarki komunikat o liczbie cukierków:

Var countCandyBoys = 1, countCandyGirls = 2, wiadomość; switch (countCandyBoys + countCandyGirls) (przypadek 1: wiadomość = „Jeden cukierek”; przerwa; przypadek 2: przypadek 3: wiadomość = „Dwa lub trzy cukierki”; przerwa; przypadek 4: wiadomość = „Cztery cukierki”; przerwa; domyślnie: message = "Nie jeden, nie dwa, nie trzy lub cztery cukierki"; ) // wypisz wiadomość na konsoli console.log(message);

W powyższym przykładzie wartościowanym wyrażeniem jest 3. Dlatego zostanie wykonany komunikat = „Dwa lub trzy cukierki” i instrukcja break. Instrukcja break przerwie dalsze wykonywanie instrukcji switch i przekaże kontrolę instrukcji następującej po niej, tj. konsola.log(wiadomość) . W konsoli wyświetli się komunikat „Dwa lub trzy cukierki”.

Przykładowo wyświetlmy w konsoli bieżący dzień tygodnia:

Var dzień = ""; switch(new Date().getDay()) ( przypadek 0: dzień = „niedziela”; przerwa; przypadek 1: dzień = „poniedziałek”; przerwa; przypadek 2: dzień = „wtorek”; przerwa; przypadek 3: dzień = „Środa”; przerwa; przypadek 4: dzień = „czwartek”; dzień = „piątek”; przerwa = „sobota”; console.log("Dzisiaj " + dzień.toLowerCase() + ".");

Przykład, w którym nie zastosowano instrukcji break:

Var wynik = „sukces”; switch (wynik) ( case "success": console.log("Sukces!"); case "invalidCaptcha": console.log("Nieprawidłowy Captcha!"); domyślnie: console.log("Błąd!"); )

W tym przykładzie wyrażenie instrukcji switch zakończyło się sukcesem. Dlatego zostanie wykonana instrukcja console.log("Sukces!"), która wyświetli komunikat "Sukces!"

do konsoli. Ponieważ jednak nie ma po nim instrukcji break, wykonywanie skryptu będzie kontynuowane w następnej wersji. Zatem instrukcje będą wykonywane aż do napotkania przerwy na ścieżce lub osiągnięcia końca instrukcji switch. W wyniku uruchomienia tego przykładu na konsolę zostaną wypisane 3 komunikaty: „Sukces!” , „Nieprawidłowe captcha!”

i „Błąd!” .

W niektórych przypadkach takie zachowanie może być wymagane, ale nie w tym przypadku. Tutaj po prostu popełniono błąd.

Poprawiony przykład:

Var wynik = „sukces”; switch (wynik) ( case "success": console.log("Success!"); break; case "invalidCaptcha": console.log("Nieprawidłowy Captcha!"); break; domyślnie: console.log("Błąd!" ;)

Operatory logiczne
JavaScript rozróżnia następujące operatory logiczne:
&& - logiczne „ORAZ”;

|| - logiczne „LUB”; ! -logiczne „NIE”. Jeśli w

wyrażenie logiczne

operand1 && operand2 są wartościami boolowskimi, wówczas wynik tego wyrażenia będzie prawdziwy, jeśli każdy z nich będzie prawdziwy ; w przeciwnym razie wartość tego wyrażenia będzie fałszywa.

Fałsz i& fałsz // fałsz prawda i& fałsz // fałsz fałsz i& prawda // fałsz prawda i& prawda // prawda

Jeśli operand wyrażenia logicznego1 && operand2 używa wartości innych niż logiczne, wynikiem wyrażenia będzie operand1, jeśli można go rzucić na fałsz ; w przeciwnym razie wynikiem tego wyrażenia będzie operand2.

5 && 0 // 0 1 && 5 // 5 "linia" && niezdefiniowana // niezdefiniowana "linia1" && "linia2" // "linia2"

Jeśli w wyrażeniu logicznym operand1 || operand2 używa wartości boolowskich, wówczas wynik tego wyrażenia będzie prawdziwy, jeśli przynajmniej jedna z nich będzie prawdziwa; w przeciwnym razie wartość tego wyrażenia będzie fałszywa.

Fałsz || fałsz // fałsz prawda || fałsz // prawda fałsz || prawda // prawda prawda || prawda // prawda

Wyrażenie logiczne!operand1 przyjmie wartość true, jeśli operand1 jest fałszywy lub można go rzutować na tę wartość; w przeciwnym razie wynik tego wyrażenia będzie fałszywy.

Fałsz // prawda !true // fałsz !"string" // fałsz !5 // fałsz"

Zacznijmy uczyć się o instrukcjach warunkowych w JavaScript. Tutaj przyjrzymy się konstrukcji If-Else. W tłumaczeniu na język rosyjski warunek ten brzmi: Jeśli-To.

Zanim jednak zaczniemy mówić o warunkach w JavaScript, przyjrzyjmy się, jak i gdzie one występują w prawdziwym życiu.

Na przykład, jeśli wieczorem będzie pogodnie, pójdziemy do parku.

jeśli ten samochód kosztuje mniej niż 1000 dolarów, to go kupię itp.

Zatem, jak zapewne już zrozumiałeś, warunek „Jeśli” i konsekwencja „Wtedy” spotykamy dość często w naszym życiu. Oznacza to, że nasze zachowanie w różnych sytuacjach zależy głównie od pewnych warunków.

To samo tyczy się języków programowania. Mają specjalne konstrukcje, które pozwalają ustawić określone warunki i wykonać akcje, jeśli określone warunki zostaną spełnione lub nie.

Spróbujmy zaimplementować jakiś prosty przykład użycia instrukcji warunkowych, a raczej konstrukcji If-Else w JavaScript.

Najpierw przyjrzyjmy się, jak instrukcja If działa w JavaScript.

Aby to zrobić, poniżej najpierw podamy przykład, a następnie go przeanalizujemy.

var pogoda = "pogodnie" ; /* utwórz zmienną pogodową i przypisz jej wartość „clear” */

if(pogoda == "pogodnie" ) /* utwórz warunek: jeśli pogoda jest równa "pogoda" - PRAWDA*/

( /* To... */

dokument.zapisz();

Wieczorem chodzimy z rodziną do parku

Na co warto zwrócić uwagę w powyższym przykładzie?

Po pierwsze, o znakach równości == i przypisaniach = w JavaScript. Należy je rozróżnić: czyli najpierw tworzymy zmienną i przypisujemy jej wartość. Następnie w warunku Jeśli mówimy o równości.

Po drugie, mówiąc o spełnieniu lub niespełnieniu warunku ujętego w nawiasy klamrowe (), należy rozumieć, że język JavaScript postrzega warunek jako Prawda lub Fałsz. Oznacza to, że jeśli warunek jest spełniony, jak w naszym przypadku, wówczas wykonywana jest akcja ujęta w nawiasy klamrowe ().

Jeśli warunek ma wartość Fałsz, jak w poniższym przykładzie, wówczas warunek zawarty w nawiasy klamrowe() nie zostanie wykonany.

var pogoda = "pochmurno" ;

if(pogoda == "pogodnie" ) /* teraz warunek jest FAŁSZYWY: pogoda nie równa się "pogodnie" */

dokument .write („Wieczorem idziemy z rodziną do parku” );

Tak działa operator warunkowy If: jeśli warunek ma wartość True, akcja zostanie wykonana, jeśli False, akcja nie zostanie wykonana. To proste.

Porozmawiajmy teraz o tym, jak konstrukcja If-Else działa w JavaScript. Inaczej tłumaczy się jako „W przeciwnym razie”.

Wróćmy jeszcze raz do prawdziwego życia. W większości przypadków, jeśli spełniony jest jakiś warunek, to robimy jedną rzecz. Jeśli nie jest spełnione - „W przeciwnym razie”, robimy coś innego.

Kontynuujmy pracę z przykładami podanymi wcześniej.

Jeśli wieczorem będzie pogodnie, pójdziemy do parku, w przeciwnym razie (jeśli jest pochmurno) zostaniemy w domu i będziemy oglądać telewizję.

Albo jeśli ten samochód kosztuje mniej niż 1000 dolarów, to go kupię, w przeciwnym razie (jeśli kosztuje więcej) Za te pieniądze pojadę na wycieczkę.

JavaScript ma również tę możliwość zapewnienia alternatywy ( zrób coś innego), jeśli warunek nie jest spełniony. W JavaScript możemy stworzyć podobne warunki za pomocą konstrukcji If-Else. Weźmy przykład.

var pogoda = "pochmurno" ; /* przypisz zmiennej „pogoda” wartość „pochmurno” */

if(pogoda == "pogodnie") /* utwórz warunek: jeśli pogoda jest równa "pogoda" - to jest PRAWDA */

dokument .write („Wieczorem idziemy z rodziną do parku” );

else /* w przeciwnym razie - jeśli pogoda nie jest równa "bezchmurna" - to jest FAŁSZ */

{
dokument.zapisz("

" + "Zostajemy w domu - oglądamy telewizję" );
}

Zostajemy w domu – oglądamy telewizję

Spójrzmy na podany przykład.

Jeśli więc warunek ma wartość True, wykonywana jest akcja po instrukcji If ujętej w nawiasy klamrowe ().

Jeśli warunek ma wartość Fałsz, wykonywana jest akcja po instrukcji Else, również ujętej w nawiasy klamrowe ().

Przyjrzeliśmy się, jak prosta, ale często używana konstrukcja If-Else działa w JavaScript. I tutaj, na przyszłość, należy powiedzieć, że niezależnie od tego, jak skomplikowany może być warunek, najważniejsze jest to, czy jest on prawdziwy, czy fałszywy.