Kursus IT Dasar JavaScript 041_Percabangan kondisional if, else, switch

Pernyataan kondisional dalam JavaScript terutama mencakup if, else if, else dan switch.

Pernyataan if

Pernyataan if digunakan untuk menentukan apakah akan mengeksekusi blok kode tertentu berdasarkan kondisi. Ketika ekspresi kondisional dalam tanda kurung if(...) adalah true, maka satu baris pernyataan setelah if akan dieksekusi. Jika Anda ingin mengontrol beberapa baris kode, Anda dapat menggunakan {} untuk membungkus pernyataan. Disarankan untuk selalu menggunakan kurung kurawal {} untuk membungkus blok kode saat menggunakan pernyataan if, bahkan jika hanya ada satu pernyataan, ini dapat meningkatkan keterbacaan kode. Jika ekspresi kondisional adalah false, maka tidak akan dieksekusi. Jika ekspresi kondisional setelah if bukan nilai boolean, itu akan dikonversi terlebih dahulu menjadi nilai boolean kemudian dievaluasi. Angka 0, string kosong "", null, undefined dan NaN semuanya akan dikonversi menjadi false. Nilai lainnya dikonversi menjadi true.

Contoh:

1
let age = 18;
2
if (age >= 18) console.log('Dewasa');
3
if (age >= 18) {
4
  console.log('Dewasa');
5
}

Pernyataan if-else

Pernyataan if-else dapat mengeksekusi blok kode yang berbeda berdasarkan kondisi yang berbeda. Jika nilai ekspresi adalah true, blok kode setelah if akan dieksekusi; jika tidak, blok kode setelah else akan dieksekusi.

Contoh:

1
let age = 25;
2
if (age >= 18) {
3
  console.log('Dewasa');
4
} else {
5
  console.log('Di bawah umur');
6
}

Pernyataan else if

Pernyataan else if adalah ekstensi yang digunakan dalam struktur if-else, yang memungkinkan Anda menambahkan beberapa kondisi untuk dinilai. Pernyataan else if akan mengevaluasi ekspresi kondisional setelah if dari atas ke bawah hingga muncul kondisi true. Ketika kondisi true muncul, kondisi berikutnya tidak akan lagi dievaluasi. Perlu untuk merancang urutan kondisi secara wajar atau menambahkan kondisi operasi logis.

Contoh:

1
let score = 95;
2
if (score >= 90) {
3
  console.log('Sangat baik');
4
} else if (score >= 60) { //Coba urutkan kondisi ini ke yang pertama dan lihat hasilnya?
5
  console.log('Lulus');
6
} else {
7
  console.log('Tidak lulus');
8
}

Pernyataan switch

Pernyataan switch dapat menggantikan beberapa penilaian if, melakukan pemilihan cabang ganda berdasarkan nilai ekspresi. Saat mengeksekusi, pernyataan switch akan membandingkan secara ketat sama ekspresi setelah switch dengan ekspresi setelah case secara berurutan. Jika hasil perbandingan adalah true, pernyataan switch akan mengeksekusi blok kode yang sesuai setelah case, hingga menemukan pernyataan break terdekat (atau hingga akhir pernyataan switch). Jika tidak ada case yang cocok, blok kode default akan dieksekusi (jika default ada).

Contoh:

1
let day = 7;
2
switch (day) {
3
  case 1:
4
      console.log('Senin');
5
      break;
6
  case 2:
7
      console.log('Selasa');
8
    break;
9
  case 6: //pengelompokan case
10
  case 7: //Beberapa cabang case yang berbagi blok kode yang sama dapat dikelompokkan
11
      console.log('Akhir pekan');
12
      break;
13
  default:
14
      console.log('Lainnya');
15
}

break untuk mengakhiri (keluar dari) loop

break digunakan untuk mengakhiri (keluar dari) loop saat ini atau pernyataan switch. Jika tidak ada break, eksekusi akan berlanjut dengan case berikutnya (yaitu terjadi fenomena “fall-through”).

Contoh:

1
let day = 2;
2
switch (day) {
3
  case 1:
4
    console.log('Senin');
5
    break;
6
  case 2:
7
    console.log('Selasa');
8
    // Tidak ada break, akan melanjutkan mengeksekusi case berikutnya
9
  case 3:
10
    console.log('Rabu');
11
    break;
12
  default:
13
    console.log('Lainnya');
14
}