Jak używać instrukcji if-else JavaScript

Jak używać instrukcji if-else JavaScript

Instrukcje warunkowe wprowadzają logikę do programu, a ich zastosowanie jest nieograniczone. Jeśli nadal jesteś nowy w JavaScript, opanowanie korzystania z „if-else” Instrukcja pozwala dokładnie poinstruować program, jak powinien działać.





Używanie warunków w JavaScript jest łatwe. Zacznijmy.



Jak używać warunków w JavaScript

Podobnie jak wiele innych języków programowania, instrukcje warunkowe w JavaScript zaczynają się od Jeśli oświadczenie.





Oto jak wygląda jego składnia:

if(condition){
// some actions;
}

Jeśli warunek w nawiasie jest prawdziwy, program wykona działania w nawiasie klamrowym.



ten w przeciwnym razie następnie pojawia się instrukcja, jeśli chcesz uniknąć pustego wyjścia, gdy Jeśli warunek zwraca fałszywy wynik:

if(condition){
// some actions;
}else{// execute something else}

Zauważ, że w przeciwnym razie nie akceptuje określonego warunku. Zamiast tego wykonuje wyznaczone działania tylko wtedy, gdy poprzedni warunek jest fałszywy.



A jeśli chcesz sprawdzić inne warunki przed użyciem an w przeciwnym razie , to tutaj inaczej, jeśli przydaje się oświadczenie. To jest podobne do tego, jak ty używaj instrukcji warunkowych w Pythonie . To jest ' Elifa ' i nie ' inaczej, jeśli ' w Pythonie.

Aby użyć inaczej, jeśli instrukcji w JavaScript, składnia warunkowa wygląda następująco:



jak pobrać wszystkie zdjęcia z chmury Samsung?
if(condition){
// some actions;
}else if(another condition){
// execute another action
}else{// execute something else}

możesz też użyć aż tylu inaczej, jeśli oświadczenia jak chcesz:

if(condition){
// some actions;
}else if(another condition){
// execute another action
}else if(a third condition){
// perform another action
}else{// execute something else}

Zobaczmy teraz kilka praktycznych przykładów, które łączą te instrukcje warunkowe:

var name = 'idowu';
if(name== 'MUO'){
console.log('Hello'+ ' '+ name);
}else{
console.log('Hello everyone');
}
Output: Hello everyone

Powyższy przykład wykonuje akcję w obrębie w przeciwnym razie oświadczenie, ponieważ wartość Nazwa nie jest MUO.

Związane z: Co to jest JavaScript i jak działa?

Zobaczmy teraz przykładowy kod, który używa trzech instrukcji warunkowych.

Poniższy kod rejestruje powitanie tylko dla nazwy o indeksie zero:

var names = ['MUO', 'Jane', 'Idowu'];
if(names[0]=='Jane'){
console.log('Hello'+ ' ' +names[0]);
}else if(names[0]=='Idowu'){
console.log('Hello'+ ' ' +names[0]');
}else if(names[0]=='MUO'){
console.log(Hello'+ ' ' +names[0]);
}else{
console.log('You didn't get the index');
}
Output: Hello MUO

Warunki JavaScript z operatorem trójargumentowym

Możesz także deklarować warunki JavaScript za pomocą operatora trójargumentowego.

Ogólna składnia wygląda tak:

var x = condition ? operation one : operation two

ten znak zapytania (?) sprawdza poprawność warunku. Jeśli to prawda, wykonuje operacja pierwsza . W przeciwnym razie zmierza do operacja druga .

Oto praktyczny przykład użycia operatora trójskładnikowego z Jeśli inaczej oświadczenie:

jak zresetować system Windows 10 z bios
var name = 'Idowu';
var checkName =
name == 'MUO' ? console.log('Hello'+ ' '+ name) : console.log('Hello everyone');
Output: Hello everyone

A jeśli chcesz sprawdzić więcej warunków za pomocą trójskładnikowego operatora JavaScript (podobnie do inaczej, jeśli ):

var temperature = 25
var checkTemperature =
temp<24 ? console.log('Too cold') :
temp == 25 ? console.log('Moderate') :
console.log('extreme');
Output: Moderate

Oto przepisanie ostatniego fragmentu kodu z poprzedniej sekcji przy użyciu operacji trójargumentowej:

var names = ['MUO', 'Jane', 'Idowu'];
var checkIndex =
names[0] == 'Jane' ? console.log('Hello'+ ' ' +names[0]) :
names[0] == 'Idowu' ? console.log('Hello'+ ' ' +names[0]) :
names[0] == 'MUO' ? console.log('Hello'+ ' ' +names[0]) :
console.log('You didn't get the index');
Output: Hello MUO

Notatka: Chociaż jest to proste, możesz nie chcieć używać trójskładnikowej operacji z zagnieżdżonymi warunkami, ponieważ może to wprowadzić w błąd. Ale nadal jest to fajny sposób wyrażania instrukcji warunkowych, jeśli znasz się na tym.

Kontroluj swój JavaScript za pomocą warunków

Jak każdy inny język programowania, opanowanie instrukcji warunkowych w JavaScript pozwala wykonywać nieograniczone operacje logiczne. W związku z tym masz kontrolę nad tym, jak zachowuje się Twój program.

To powiedziawszy, niezależnie od tego, czy zdecydujesz się użyć prostych instrukcji „jeśli-w przeciwnym razie”, czy operacji trójskładnikowej, upewnij się, że Twój kod jest czytelny i łatwy do zrozumienia.

Udział Udział Ćwierkać E-mail 10 wskazówek dotyczących pisania czystszego i lepszego kodu

Pisanie czystego kodu wydaje się łatwiejsze niż w rzeczywistości, ale korzyści są tego warte. Oto jak możesz zacząć pisać czystszy kod już dziś.

Czytaj dalej Powiązane tematy
  • Programowanie
  • JavaScript
  • Programowanie
O autorze Idisou Omisola(94 opublikowane artykuły)

Idowu pasjonuje się każdą inteligentną technologią i produktywnością. W wolnych chwilach bawi się kodowaniem, a gdy się nudzi, przechodzi na szachownicę, ale od czasu do czasu uwielbia też oderwać się od rutyny. Jego pasja do pokazywania ludziom drogi do nowoczesnych technologii motywuje go do pisania więcej.

Więcej od Idowu Omisola

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować