Hari 4: Percabangan

Percabangan

Percabangan atau sering disebut juga dengan conditional digunakan untuk pengambilan keputusan berdasarkan kondisi-kondisi. Secara default, javascript menjalankan percabangan dari atas kebawah. Misal jika sudah ketemu nilai true maka selanjutnya kode akan diabaikan oleh program.

IF

Gunakan if untuk menjalankan kode yang pada kondisi yang bernilai benar.

if (syarat) {
  // Jalankan kode jika syarat terpenuhi atau bernilai benar
}

Perhatikan penggunaan if berikut

let usia = 19;
if (usia >= 18) {
  console.log("Okay selamat, Anda boleh ikut");
}
// hasil: Okay selamat, Anda boleh ikut

Pada contoh, jika usia dibawah 18 maka program tidak menjalankan apa-apa.

IF-ELSE

IF-ELSE ini memungkinkan untuk menjalankan kode yang tidak sesuai dengan persyaratan.

if (syarat) {
  // Jalankan kode jika syarat terpenuhi atau bernilai benar
} else {
  // Jalankan kode jika syarat tidak terpenuhi atau bernilai salah
}

Perhatikan penggunaan IF-ELSE berikut.

let usia = 10;
if (usia >= 18) {
  console.log("Okay selamat, Anda boleh ikut");
} else {
  console.log("Maaf nak, Anda harus menunggu beberapa tahun lagi");
}

// hasil: Maaf nak, Anda harus menunggu beberapa tahun lagi

IF-ELSE IF

Mungkin anda butuh untuk mengambil keputusan dari beberapa syarat yang diajukan, seperti halnya kehidupan sehari-hari.

if (syarat) {
  // jalankan jika syarat terpenuhi
} else if (kondisi) {
  // jalankan jika syarat terpenuhi dan syarat sebelumnya tidak terpenuhi
} else {
  // jalankan jika semua syarat tidak terpenuhi
}

Perhatikan penggunaan IF-ELSE IF berikut.

let angka = 0;
if (angka > 0) {
  console.log(`${angka} adalah bilangan positif`);
} else if (angka < 0) {
  console.log(`${angka} adalah bilangan negati`);
} else if (angka == 0) {
  console.log(`${angka} adalah Nol`);
} else {
  console.log(`${angka} bukanlah angka yang valid`);
}
// hasil: 0 adalah Nol

Switch

Switch adalah alternatif untuk if else. Blok case dijalankan jika nilai dalam tanda kurung pernyataan cocok dengan case. Berhenti jika case telah terpenuhi.

switch (nilai) {
  case 1:
    // jalankan jika nilai sama dengan case 1
    break;

  case 2:
    // jalankan jika nilai sama dengan case 2
    break;
  default:
  // jalankan jika semua case salah
}

Perhatikan contoh switch berikut.

let cuaca = "berawan";
switch (cuaca) {
  case "hujan":
    console.log("Kamu butuh jas hujan");
    break;
  case "berawan":
    console.log("Sedikit dingin, gunakan jaket kesayanganmu");
    break;
  case "cerah":
    console.log("Senangnya bisa kemana saja");
    break;
  default:
    console.log("BMKG belum update cuaca nih :(");
}

// hasil: Sedikit dingin, gunakan jaket kesayanganmu

Ternary

Ini sudah dibahas pada hari sebelumnya, Silahkan cek kembali disini

Hari 4: Percabangan

Comments

30 Hari Javascript

Hari 5: Array

More from this blog

Ngoding React Nggak Harus Ribet: Ngobrolin Komponen yang Sering Disalahpahami

Ngapain Sih Pake TypeScript di React? Ribet Tapi Worth It

Regex untuk si paling anti ribet

Cara konversi bilangan String ke Number di Javascript

Tips bekerjasama dengan mentor

Percabangan

IF

IF-ELSE

IF-ELSE IF

Switch

Ternary

Command Palette

Comments

30 Hari Javascript

Hari 5: Array

More from this blog

Percabangan

IF

IF-ELSE

IF-ELSE IF

Switch

Ternary