JavaScript if ... else Pernyataan (dengan Contoh)

Dalam tutorial ini, anda akan belajar mengenai pernyataan if… else untuk membuat program membuat keputusan dengan bantuan contoh.

Dalam pengaturcaraan komputer, mungkin timbul situasi di mana anda harus menjalankan sekatan kod di antara lebih dari satu alternatif. Contohnya, memberikan gred A , B atau C berdasarkan markah yang diperoleh oleh pelajar.

Dalam situasi seperti itu, anda boleh menggunakan if… elsepernyataan JavaScript untuk membuat program yang dapat membuat keputusan.

Dalam JavaScript, terdapat tiga bentuk if… elsepenyataan.

  1. sekiranya penyataan
  2. jika… pernyataan lain
  3. jika … lain jika … pernyataan lain

JavaScript jika Penyataan

Sintaks ifpernyataan tersebut adalah:

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

The ifkenyataan menilai keadaan di dalam tanda kurung ().

  1. Sekiranya keadaan dievaluasi true, kod di dalam badan ifakan dilaksanakan.
  2. Sekiranya keadaan dinilai false, kod di dalam badan ifakan dilangkau.

Catatan: Kod di dalamnya ( )adalah bahagian utama ifpenyataan.

Mengendalikan Penyataan if

Contoh 1: jika Penyataan

 // 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");

Keluaran 1

 Masukkan nombor: 2 Nombor itu positif Penyataan if itu mudah

Andaikan pengguna memasukkan 2 . Dalam kes ini, keadaan number> 0dinilai menjadi true. Dan, badan ifpenyataan tersebut dilaksanakan.

Keluaran 2

 Masukkan nombor: -1 Pernyataan if mudah

Andaikan pengguna memasukkan -1 . Dalam kes ini, keadaan number> 0dinilai menjadi false. Oleh itu, badan ifpenyataan dilangkau.

Oleh kerana console.log("The if statement is easy");berada di luar badan ifpenyataan, ia selalu dilaksanakan.

Pengendali perbandingan dan logik digunakan dalam keadaan. Oleh itu, untuk mengetahui lebih lanjut mengenai perbandingan dan pengendali logik, anda boleh mengunjungi Perbandingan JavaScript dan Operator Logik.

JavaScript jika… pernyataan lain

Satu ifkenyataan boleh mempunyai pilihan elsefasal. Sintaks if… elsepernyataan tersebut adalah:

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

The if… elsekenyataan menilai keadaan di dalam tanda kurung.

Sekiranya keadaan itu dinilai true,

  1. kod di dalam badan ifdilaksanakan
  2. kod di dalam badan elsedilangkau dari pelaksanaan

Sekiranya keadaan itu dinilai false,

  1. kod di dalam badan elsedilaksanakan
  2. kod di dalam badan ifdilangkau dari pelaksanaan
Mengendalikan penyataan if … else

Contoh 2: jika … lain Penyataan

 // 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");

Keluaran 1

 Masukkan nombor: 2 Nombor itu positif Pernyataan jika… lain senang

Andaikan pengguna memasukkan 2 . Dalam kes ini, keadaan number> 0dinilai menjadi true. Oleh itu, badan ifpenyataan dilaksanakan dan badan elsepenyataan dilangkau.

Keluaran 2

 Masukkan nombor: -1 Nombor itu sama ada nombor negatif atau 0 Pernyataan jika … lain senang

Andaikan pengguna memasukkan -1 . Dalam kes ini, keadaan number> 0dinilai menjadi false. Oleh itu, badan elsepenyataan dilaksanakan dan badan ifpenyataan dilangkau.

JavaScript jika… lain jika penyataan

The if… elsekenyataan digunakan untuk melaksanakan satu blok kod antara dua pilihan. Namun, jika anda perlu membuat pilihan antara lebih dari dua alternatif, if… else if… elseboleh digunakan.

Sintaks if… else if… elsepernyataan tersebut adalah:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Jika CONDITION1 menilai kepada true, yang blok kod 1 dilaksanakan.
  • Jika CONDITION1 menilai kepada false, kemudian CONDITION2 dinilai.
    • Sekiranya syarat2 adalah true, blok kod 2 dijalankan.
    • Sekiranya syarat2 adalah false, blok kod 3 dijalankan.
Mengendalikan pernyataan if … lain jika … lain

Contoh 3: jika … lain jika Penyata

 // 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");

Pengeluaran

 Masukkan nombor: 0 Nombor itu adalah 0 Pernyataan jika … lain jika … yang lain adalah mudah

Andaikan pengguna memasukkan 0 , maka syarat ujian pertama number> 0dinilai menjadi false. Kemudian, keadaan ujian kedua number == 0dinilai truedan blok yang sesuai dilaksanakan.

Bersarang jika … lain Penyataan

Anda juga boleh menggunakan if… elsepernyataan di dalam if… elsepernyataan. Ini dikenali sebagai bersarang jika… pernyataan lain .

Contoh 4: Bersarang jika … lain Pernyataan

 // 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"); )

Pengeluaran

 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

Dalam situasi tertentu, pengendali ternary boleh menggantikan if… elsepernyataan. Untuk mengetahui lebih lanjut, lawati Operator Ternary JavaScript.

Sekiranya anda perlu membuat pilihan antara lebih daripada satu alternatif berdasarkan keadaan ujian yang diberikan, switchpernyataan itu boleh digunakan. Untuk mengetahui lebih lanjut, lawati suis JavaScript.

Artikel menarik...