JavaScript if ... else İfadesi (Örneklerle)

Bu eğitimde, örnekler yardımıyla karar verme programları oluşturmak için if… else ifadesini öğreneceksiniz.

Bilgisayar programlamasında, birden fazla alternatif arasında bir kod bloğu çalıştırmanız gereken durumlar ortaya çıkabilir. Örneğin, bir öğrencinin aldığı notlara göre A , B veya C notları vermek.

Bu tür durumlarda, if… elsekararlar verebilecek bir program oluşturmak için JavaScript ifadesini kullanabilirsiniz .

JavaScript'te, if… elseifadenin üç biçimi vardır .

  1. eğer ifadesi
  2. if … else ifadesi
  3. if… else if… else ifadesi

JavaScript if İfadesi

İfadenin sözdizimi ifşöyledir:

 if (condition) ( // the body of if )

ifİfadesi parantez içindeki durumunu değerlendirir ().

  1. Koşul olarak değerlendirilirse true, gövdesi içindeki kod ifçalıştırılır.
  2. Koşul olarak değerlendirilirse false, gövdesindeki kod ifatlanır.

Not: İçerideki kod ( ), ififadenin gövdesidir .

İf İfadesinin Çalışması

Örnek 1: if İfadesi

 // check if the number is positive const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( // the body of the if statement console.log("The number is positive"); ) console.log("The if statement is easy");

Çıkış 1

 Bir sayı girin: 2 Sayı pozitiftir if ifadesi kolaydır

Kullanıcının 2 girdiğini varsayalım . Bu durumda, durum olarak number> 0değerlendirilir true. Ve ififadenin gövdesi yürütülür.

Çıkış 2

 Bir sayı girin: -1 if ifadesi kolaydır

Kullanıcının -1 girdiğini varsayalım . Bu durumda, durum olarak number> 0değerlendirilir false. Bu nedenle, ififadenin gövdesi atlanır.

İfadenin console.log("The if statement is easy");gövdesinin dışında ifolduğu için her zaman yürütülür.

Koşullarda karşılaştırma ve mantıksal operatörler kullanılır. Dolayısıyla, karşılaştırma ve mantıksal operatörler hakkında daha fazla bilgi edinmek için JavaScript Karşılaştırma ve Mantıksal Operatörleri ziyaret edebilirsiniz.

JavaScript if… else ifadesi

Bir ififadede isteğe bağlı bir elsecümle bulunabilir. İfadenin sözdizimi if… elseşöyledir:

 if (condition) ( // block of code if condition is true ) else ( // block of code if condition is false )

if… elseİfadesi değerlendirir koşulu parantez içine.

Durum değerlendirilirse true,

  1. gövdesinin içindeki kod ifçalıştırılır
  2. gövdesinin içindeki kod elseyürütmeden atlandı

Durum değerlendirilirse false,

  1. gövdesinin içindeki kod elseçalıştırılır
  2. gövdesinin içindeki kod ifyürütmeden atlandı
İf… else ifadesinin çalışması

Örnek 2: if… else İfadesi

 // check is the number is positive or negative/zero const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( console.log("The number is positive"); ) // if number is not greater than 0 else ( console.log("The number is either a negative number or 0"); ) console.log("The if… else statement is easy");

Çıkış 1

 Bir sayı girin: 2 Sayı pozitiftir If … else ifadesi kolaydır

Kullanıcının 2 girdiğini varsayalım . Bu durumda, durum olarak number> 0değerlendirilir true. Bu nedenle, ififadenin gövdesi çalıştırılır ve elseifadenin gövdesi atlanır.

Çıkış 2

 Bir sayı girin: -1 Sayı ya negatif bir sayıdır ya da 0 if … else ifadesi kolaydır

Kullanıcının -1 girdiğini varsayalım . Bu durumda, durum olarak number> 0değerlendirilir false. Bu nedenle, elseifadenin gövdesi çalıştırılır ve ififadenin gövdesi atlanır.

JavaScript if… else if ifadesi

if… elseİfadesi iki alternatifler arasında kod bloğu çalıştırmak için kullanılır. Ancak ikiden fazla alternatif arasında seçim yapmanız gerekiyorsa if… else if… elsekullanılabilir.

İfadenin sözdizimi if… else if… elseşöyledir:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Eğer koşul1 değerlendirir için true, kod bloğu 1 yürütülür.
  • Eğer koşul1 değerlendirir için false, daha sonra koşul2 değerlendirilir.
    • Eğer koşul2 olduğu true, kod bloğu 2 yürütülür.
    • Eğer koşul2 olduğu false, kod bloğu 3 yürütülür.
İf… else if… else ifadesinin çalışması

Örnek 3: if… else if İfadesi

 // check if the number if positive, negative or zero const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( console.log("The number is positive"); ) // check if number is 0 else if (number == 0) ( console.log("The number is 0"); ) // if number is neither greater than 0, nor zero else ( console.log("The number is negative"); ) console.log("The if… else if… else statement is easy");

Çıktı

 Bir sayı girin: 0 Sayı 0'dır If… else if… else ifadesi kolaydır

Kullanıcının 0 girdiğini ve ardından ilk test koşulunun olarak number> 0değerlendirildiğini varsayalım false. Ardından, ikinci test koşulu number == 0değerlendirilir trueve karşılık gelen blok yürütülür.

İç içe geçmiş if… else İfadesi

Ayrıca bir if… elseifadenin içinde bir ifade de kullanabilirsiniz if… else. Bu, iç içe geçmiş if… else ifadesi olarak bilinir .

Örnek 4: İç içe geçmiş if… else İfadesi

 // check if the number is positive, negative or zero const number = prompt("Enter a number: "); if (number>= 0) ( if (number == 0) ( console.log("You entered number 0"); ) else ( console.log("You entered a positive number"); ) ) else ( console.log("You entered a negative number"); )

Çıktı

 Enter a number: 5 You entered a positive number

Suppose the user entered 5. In this case, the condition number>= 0 evaluates to true, and the control of the program goes inside the outer if statement.

Then, the test condition, number == 0, of the inner if statement is evaluated. Since it's false, the else clause of the inner if statement is executed.

Note: As you can see, nested if… else makes our logic complicated and we should try to avoid using nested if… else whenever possible.

Body of if… else With Only One Statement

If the body of if… else has only one statement, we can omit ( ) in our programs. For example, you can replace

 const number = 2; if (number> 0) ( console.log("The number is positive."); ) else ( console.log("The number is negative or zero."); )

with

 const number = 2; if (number> 0) console.log("The number is positive."); else console.log("The number is negative or zero.");

Output

 The number is positive.

More on Decision Making

Bazı durumlarda, üçlü operatör bir if… elseifadenin yerini alabilir . Daha fazla bilgi edinmek için JavaScript Ternary Operator'ü ziyaret edin.

Belirli bir test koşuluna göre birden fazla alternatif arasında bir seçim yapmanız gerekirse, switchifade kullanılabilir. Daha fazla bilgi edinmek için JavaScript anahtarını ziyaret edin.

Ilginç makaleler...