Tutorial If Else JavaScript: Logika Percabangan Lengkap

Created at by Aris Munandar

if else javascript adalah struktur logika dasar yang digunakan untuk membuat percabangan program. Dengan conditional javascript, program bisa memutuskan blok kode mana yang dijalankan berdasarkan kondisi tertentu.

Baca juga: Operator JavaScript: Aritmatika, Logika, dan Perbandingan

Sintaks Dasar If Else

Berikut ini adalah sintaks dasar if else pada javascript yang digunakan untuk membuat percabangan sederhana program menggunakan JavaScript.

Sintaks dasar:

if (kondisi) {
        // kode dijalankan jika kondisi benar
} else {
        // kode dijalankan jika kondisi salah
}Code language: JavaScript (javascript)

Contoh:

let umur = 18;

if (umur >= 17) {
        console.log("Kamu sudah cukup umur");
} else {
        console.log("Belum cukup umur");
}Code language: JavaScript (javascript)

Penjelasan:

  • umur >= 17 → kondisi yang dicek
  • Jika true → jalankan kode di dalam if
  • Jika false → jalankan kode di dalam else

Struktur Else If dan Nested If

Untuk kasus dengan beberapa kondisi, kita menggunakan else if atau nested if javascript.

Contoh Else If:

let nilai = 85;

if (nilai >= 90) {
        console.log("Grade: A");
} else if (nilai >= 80) {
        console.log("Grade: B");
} else if (nilai >= 70) {
        console.log("Grade: C");
} else {
        console.log("Grade: D");
}Code language: JavaScript (javascript)

Penjelasan:

  • Program mengecek kondisi secara berurutan
  • Kondisi pertama yang true akan dieksekusi, sisanya diabaikan

Contoh Nested If

let umur = 16;
let izinOrtu = true;

if (umur >= 18) {
        console.log("Boleh masuk");
} else {
        if (izinOrtu) {
                console.log("Boleh masuk dengan izin orang tua");
        } else {
                console.log("Tidak boleh masuk");
        }
}Code language: JavaScript (javascript)

Operator yang Digunakan Bersama If Else

Dalam percabangan, operator sering digunakan untuk mengecek kondisi:

  • Operator perbandingan: ==, ===, !=, !==, <, >, <=, >=
  • Operator logika: &&, ||, !
  • Operator aritmatika: +, -, *, /, %

Contoh kombinasi operator:

let umur = 20;
let punyaKTP = true;

if (umur >= 17 && punyaKTP) {
        console.log("Boleh membuat SIM");
} else {
        console.log("Tidak memenuhi syarat");
}Code language: JavaScript (javascript)

Penjelasan:

  • umur >= 17 && punyaKTP → kondisi yang dicek
  • Jika true → jalankan kode di dalam if
  • Jika false → jalankan kode di dalam else

Contoh Conditional untuk Form Validasi

Validasi sederhana:

let email = "user@mail.com";
let password = "123456";

if (!email || !password) {
        console.log("Email dan password wajib diisi");
} else {
        console.log("Form siap dikirim");
}Code language: JavaScript (javascript)

Penjelasan:

  • !email || !password → kondisi yang dicek
  • Jika true → jalankan kode di dalam if
  • Jika false → jalankan kode di dalam else

Nested If untuk Keputusan Kompleks

Nested if sangat berguna untuk keputusan bertingkat. Contoh:

let role = "admin";
let statusAkun = "aktif";

if (role === "admin") {
        if (statusAkun === "aktif") {
                console.log("Admin bisa mengakses dashboard");
        } else {
                console.log("Admin tidak aktif");
        }
} else if (role === "user") {
        console.log("User bisa mengakses profil");
} else {
        console.log("Akses ditolak");
}Code language: JavaScript (javascript)

Studi Kasus If Else JavaScript

Contoh sederhana pada studi kasus sistem pakar menggunakan if else javascript:

let gejala = "demam";
let diagnosis = "";

if (gejala === "demam") {
        diagnosis = "Mungkin flu";
} else if (gejala === "pilek") {
        diagnosis = "Mungkin pilek";
} else {
        diagnosis = "Gejala tidak dikenali";
}

console.log(diagnosis);Code language: JavaScript (javascript)

Penjelasan:

  • gejala === "demam" → kondisi yang dicek
  • Jika true → jalankan kode di dalam if
  • Jika false → jalankan kode di dalam else

Contoh diatas adalah contoh sederhana, untuk di dunianya penggunaan if else JavaScript bisa sangat kompleks dengan logika yang mungkin lebih rumit.

Kesimpulan

Dari penjelasan diatas, dapat disimpulkan bahwa if else javascript adalah struktur logika dasar yang digunakan untuk membuat percabangan program. Dengan conditional javascript, program bisa memutuskan blok kode mana yang dijalankan berdasarkan kondisi tertentu.

1 JavaScript Dasar

Level Pemula adalah tahap awal untuk mulai belajar JavaScript dari nol. Di level ini pengguna akan memahami konsep dasar seperti apa itu JavaScript, variabel, tipe data, operator, percabangan, looping, serta cara menulis kode sederhana. Tujuan level ini adalah memberikan pondasi JavaScript dasar agar pemula mampu memahami struktur syntax dan logika pemrograman sebelum masuk ke materi berikutnya.

2 JavaScript Menengah

3 JavaScript Lanjutan

4 JavaScript Mahir

5 JavaScript Ahli

Comments

Congrats, you have the opportunity to be the first commenter on this article. Have questions or suggestions? Please leave a comment to start discussion.

Leave comment

Alamat email Anda tidak akan dipublikasikan. Required fields are marked *