Pernyataan JavaScript if ... else (dengan Contoh)

Dalam tutorial ini, Anda akan belajar tentang pernyataan if… else untuk membuat program pengambilan keputusan dengan bantuan contoh.

Dalam pemrograman komputer, mungkin muncul situasi di mana Anda harus menjalankan blok kode di antara lebih dari satu alternatif. Misalnya, pemberian nilai A , B atau C berdasarkan nilai yang diperoleh siswa.

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

Di JavaScript, ada tiga bentuk if… elsepernyataan.

  1. jika pernyataan
  2. jika… pernyataan lain
  3. if… else if… else statement

JavaScript jika Pernyataan

Sintaks dari ifpernyataan tersebut adalah:

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

The ifpernyataan mengevaluasi kondisi di dalam kurung ().

  1. Jika kondisi dievaluasi ke true, kode di dalam tubuh ifdieksekusi.
  2. Jika kondisi dievaluasi ke false, kode di dalam badan ifakan dilewati.

Catatan: Kode di dalamnya ( )adalah badan ifpernyataan.

Bekerja dari Pernyataan if

Contoh 1: jika Pernyataan

 // 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 angka: 2 Angka positif Pernyataan if mudah

Misalkan pengguna memasukkan 2 . Dalam kasus ini, kondisi number> 0mengevaluasi ke true. Dan, tubuh ifpernyataan dieksekusi.

Keluaran 2

 Masukkan angka: -1 Pernyataan if itu mudah

Misalkan pengguna memasukkan -1 . Dalam kasus ini, kondisi number> 0mengevaluasi ke false. Karenanya, isi ifpernyataan dilewati.

Karena console.log("The if statement is easy");berada di luar tubuh ifpernyataan, itu selalu dieksekusi.

Perbandingan dan operator logika digunakan dalam kondisi. Jadi untuk mempelajari lebih lanjut tentang perbandingan dan operator logika, Anda dapat mengunjungi Perbandingan JavaScript dan Operator Logis.

JavaScript jika… pernyataan lain

Sebuah ifpernyataan dapat memiliki opsional elseklausul. Sintaks dari if… elsepernyataan tersebut adalah:

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

The if… elsepernyataan mengevaluasi kondisi di dalam kurung.

Jika kondisi dievaluasi true,

  1. kode di dalam tubuh ifdieksekusi
  2. kode di dalam tubuh elseakan dilewati dari eksekusi

Jika kondisi dievaluasi false,

  1. kode di dalam tubuh elsedieksekusi
  2. kode di dalam tubuh ifakan dilewati dari eksekusi
Mengerjakan pernyataan if… else

Contoh 2: Pernyataan if… else

 // 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 angka: 2 Angka itu positif. Pernyataan if… else itu mudah

Misalkan pengguna memasukkan 2 . Dalam kasus ini, kondisi number> 0mengevaluasi ke true. Karenanya, badan ifpernyataan dieksekusi dan badan elsepernyataan dilewati.

Keluaran 2

 Masukkan angka: -1 Angka tersebut bisa berupa angka negatif atau 0 Pernyataan if… else mudah

Suppose the user entered -1. In this case, the condition number> 0 evaluates to false. Hence, the body of the else statement is executed and the body of the if statement is skipped.

JavaScript if… else if statement

The if… else statement is used to execute a block of code among two alternatives. However, if you need to make a choice between more than two alternatives, if… else if… else can be used.

The syntax of the if… else if… else statement is:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • If condition1 evaluates to true, the code block 1 is executed.
  • If condition1 evaluates to false, then condition2 is evaluated.
    • Jika condition2 adalah true, yang blok kode 2 dijalankan.
    • Jika condition2 adalah false, yang blok kode 3 dijalankan.
Mengerjakan pernyataan if… else if… else

Contoh 3: if… else if Statement

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

Keluaran

 Masukkan angka: 0 Jumlahnya 0 Pernyataan if… else if… else itu mudah

Misalkan pengguna memasukkan 0 , lalu kondisi pengujian pertama number> 0mengevaluasi false. Kemudian, kondisi pengujian kedua number == 0mengevaluasi truedan blok yang sesuai dijalankan.

Pernyataan bertingkat if… else

Anda juga dapat menggunakan if… elsepernyataan di dalam if… elsepernyataan. Ini dikenal sebagai pernyataan bersarang if… else .

Contoh 4: Pernyataan Bersarang if… else

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

Keluaran

 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, operator terner dapat menggantikan if… elsepernyataan. Untuk mempelajari lebih lanjut, kunjungi JavaScript Ternary Operator.

Jika Anda perlu membuat pilihan di antara lebih dari satu alternatif berdasarkan kondisi pengujian yang diberikan, switchpernyataan tersebut dapat digunakan. Untuk mempelajari lebih lanjut, kunjungi sakelar JavaScript.

Artikel yang menarik...