Jak używać inline IF instrukcja w JavaScript

Jedną z kluczowych zasad programowania są stwierdzenia warunkowe. Może być prawdziwe lub fałszywe. Deweloperzy mogą ich użyć do budowy logiki warunkowej i wykonywania innych kontroli parametrów. Oświadczenie warunkowe (IF-ELSE) to oświadczenie blokowe, które zarezerwuje kilka linii. Możesz użyć inline IF, aby zmniejszyć linie kodu i wykonać tę samą akcję.

Ten samouczek ilustruje użycie inline, jeśli stwierdzenia w JavaScript.

Jak używać inline IF instrukcja w JavaScript?

W JavaScript operator trójskładnikowy jest najbardziej typowym i zalecanym zastosowaniem dla inline IF Instument. Jest używany jako zamiennik dla instrukcji IF-ELSE. Zawiera trzy operandy, „stan”,„prawdziwe stwierdzenie", I "fałszywe stwierdzenie". Znak zapytania (?) podąża za warunkiem, a po prawdziwym stwierdzeniu następuje okrężnica (:).

Składnia

Składnia inline IF IF podano poniżej:

stan ? „Expression1”: „Expression2”

Tutaj:

• „„stan”Jest stwierdzeniem, które może być prawdziwe lub fałszywe.
• „„Expression1”To wartość, która zostanie zwrócona, jeśli dany warunek jest prawdziwy.
• Chwila "Expression2”To wartość, która zostanie zwrócona, jeśli warunek nie jest prawdziwy.

Przykład

W tym przykładzie użyjemy inline IF instrukcja za pomocą operatora trójskładnikowego. Aby to zrobić, najpierw stworzymy zmienną ”znaki”, Przypisując wartość„86”:

var marks = 86;

Następnie użyj operatora trójskładnikowego, aby sprawdzić warunek, czy znaki są większe lub równe „70" powrót "Klasa a”Jako wyjście, w którym zwracają„Klasa b”I przechowuj wynik w zmiennej”klas”:

var oceny = znaki> = 70 ? „Klasa A”: „Klasa B”;

Na koniec wydrukuj wynik na konsoli za pomocą „konsola.dziennik()" metoda:

konsola.log (oceny);

Wyjście pokazuje „Klasa a”, Co oznacza, że ​​warunek jest prawdziwy:

Jak używać wielu warunków w instrukcji IF? Postępuj zgodnie z podaną sekcją.

Jak użyć inline IF instrukcja z wieloma warunkami?

Możesz również zastosować wiele warunków z inline, jeśli instrukcja. Zrobić to, Postępuj zgodnie z poniższą składnią, aby użyć operatora trójskładnikowego.

Składnia

warunek 1 ? True_Expression1: Warunek2 ? true_Expression2: Else_Expression

• Tutaj, "warunek 1" jest pierwszy 'Jeśli„Oświadczenie, które zostanie sprawdzone, czy jest to prawda, czy fałsz.
• „„True-Expression1”To wartość, która zostanie zwrócona, jeśli warunek 1 jest prawdziwy.
• "warunek2”Jest inaczej IF, które zostanie sprawdzone, czy drugi warunek jest prawdziwy, czy fałszywy.
• „„True-Expression2”To wartość, która zostanie zwrócona, jeśli warunek2 jest prawdziwy.
• Chwila "Else_Expression”To wartość, która zostanie zwrócona, jeśli żaden z poniższych warunków nie zostanie spełniony.

Przykład

Tutaj sprawdzimy wiele warunków z inline, jeśli instrukcja. Najpierw utworzymy zmienną „znaki„Przypisywanie wartości”56”:

var Marks = 56;

Teraz dodamy warunek dla znaków większych niż 90; Jeśli ten warunek jest prawdą, „„ „Klasa a+„Zostanie wydrukowane na konsoli, jeśli znaki są większe lub równe 70, ale mniej niż 90, wyjście będzie”Klasa a”W przeciwnym razie wyjściem będzie„Klasa f”:

var oceny = znaki> = 90 ? „Klasa A+”: Marks> = 70 ? „Klasa A”: „Klasa F”;

Na koniec wydrukuj oceny na konsoli:

konsola.log (oceny);

Wyjście wyświetla się „Klasa f”, Co oznacza, że ​​oba warunki są fałszywe:

Jak używać inline IF oświadczenie jako zagnieżdżone oświadczenie IF?

Możesz także użyć oświadczenia inline if jako zagnieżdżone oświadczenie, takie jak:

Jeśli
…
Jeśli
…
Elseif
…
w przeciwnym razie
w przeciwnym razie

Aby to zrobić, postępuj zgodnie z poniższą składnią za pomocą operatora trójskładnikowego.

Składnia

warunek 1
? true_Expression1
: warunek2
? true_Expression2
: else_Expression2

• Tutaj, "warunek 1”Jest pierwszym oświadczeniem IF, które zostanie sprawdzone, czy jest to prawda, czy fałsz.
• „„True-Expression1”To wartość, która zostanie wydrukowana, jeśli warunek 1 jest prawdziwy.
• "warunek2”Jest drugim oświadczeniem IF, które jest zagnieżdżone, jeśli zostanie to sprawdzone, czy dany warunek jest prawdziwy, czy fałszywy
• „„True-Expression2”To wartość, która zostanie zwrócona, jeśli warunek2 jest prawdziwy.
• W przeciwieństwie, "Else_Expression”To wartość, która zwróci, jeśli drugi warunek jest fałszywy.

Przykład

Najpierw utwórz zmienną „znaki”, Przypisując wartość„65”:

var Marks = 65;

Następnie użyj zagnieżdżonych, jeśli warunki za pomocą oświadczenia IF IF.

• Na początku 'Jeśli' Oświadczenie, dodamy warunek dla znaków większych niż 90; Jeśli warunek jest prawdziwy, wydrukuj „Klasa a+".
• W sekundę 'Jeśli„Warunek użyjemy operatora logicznego”I„Aby sprawdzić, czy znaki wynoszą od 70 do 89 oznacza mniej niż 90, wówczas wyjście będzie„Klasa a".
• W trzecim 'Jeśli„Oświadczenie, sprawdzimy, czy znaki są mniejsze niż 70 i większe lub równe 50,„ The ”Klasa b”Zostanie wydrukowany na konsoli.
• Jeśli zarówno drugi, jak i trzeciJeśli' Oświadczenia są fałszywe, więc „Klasa f„Zostanie wydrukowany na konsoli:

var oceny = znaki> 90
? „Klasa A+”
: znaki < 90 && marks >= 70
? „Klasa A”
: znaki < 70 && marks >= 50
? „Klasa B”
: „Klasa F”

Na koniec wydrukuj wynikowe oceny na konsoli za pomocą „konsola.dziennik()" metoda:

konsola.log (oceny);

Wyjście

Opracowaliśmy wszystkie niezbędne informacje związane z inline, jeśli.

Wniosek

Aby użyć instrukcji IF IF w JavaScript, możesz użyć „Operator trójskładnikowy„To alternatywa dla stwierdzenia if…. Wymaga trzech operandów „stan”, Po którym następuje znak zapytania (?), „prawdziwe stwierdzenie”, A następnie okrężnica (:), I "fałszywe stwierdzenie". Wykonuje to samo jak instrukcje if-else, ale z mniejszą liczbą linii kodu. W tym samouczku zilustrowaliśmy użycie inline, jeśli stwierdzenia w JavaScript z przykładami.