JavaScript - If...Else: A Panduan untuk Pemula

Hai teman-teman yang sedang belajar coding! Hari ini, kita akan mendalami salah satu konsep paling dasar dalam pemrograman: pernyataan if...else. Bayangkan itu sebagai pengambil keputusan dalam kode Anda, seperti lampu lalu lintas yang mengarahkan kendaraan di simpang jalan. Mari kita mulai!

Diagram Alir if-else

Sebelum kita masuk ke dalam kode, mari kita visualisasikan bagaimana pernyataan if...else bekerja. Bayangkan Anda berada di persimpangan jalan:

[Kondisi]
/    \
/      \
/        \
[Benar]      [Salah]
|            |
[Aksi 1]   [Aksi 2]

Diagram sederhana ini menunjukkan esensi if...else: jika suatu kondisi benar, lakukan satu hal; jika tidak, lakukan hal lain.

Pernyataan if JavaScript

mari kita mulai dengan pernyataan 'if'. Itu seperti mengatakan, "Jika hujan, bawa payung."

let isRaining = true;

if (isRaining) {
console.log("Jangan lupa payung Anda!");
}

Dalam contoh ini, jika isRaining benar, pesan akan dicetak. Jika itu salah, tidak ada yang terjadi. Mudah, kan?

Mari coba contoh lain:

let temperature = 25;

if (temperature > 30) {
console.log("Itu panas di luar!");
}

Di sini, pesan hanya akan muncul jika suhu di atas 30. Dalam kasus ini, tidak ada yang dicetak karena 25 tidak lebih besar dari 30.

Pernyataan if...else JavaScript

Apa kalau kita ingin melakukan sesuatu saat kondisi salah? Itu di mana 'else' memainkan perannya. Itu seperti mengatakan, "Jika hujan, bawa payung; jika tidak, pakai kacamata surya."

let isRaining = false;

if (isRaining) {
console.log("Jangan lupa payung Anda!");
} else {
console.log("Nikmati hari cerah!");
}

Dalam kasus ini, karena isRaining salah, pesan kedua yang akan dicetak.

Ini adalah contoh lain:

let age = 15;

if (age >= 18) {
console.log("Anda dapat memberikan suara!");
} else {
console.log("Maaf, Anda masih terlalu muda untuk memberikan suara.");
}

Karena 15 kurang dari 18, pesan "Maaf, Anda masih terlalu muda untuk memberikan suara." akan ditampilkan.

Pernyataan if...else if...else

kadang-kadang, kehidupan tidak hanya hitam dan putih. Kita memerlukan lebih banyak pilihan! Itu di mana 'else if' berguna. Itu seperti pertanyaan pilihan ganda.

let grade = 75;

if (grade >= 90) {
console.log("A - Bagus sekali!");
} else if (grade >= 80) {
console.log("B - Kerja bagus!");
} else if (grade >= 70) {
console.log("C - Tidak buruk!");
} else if (grade >= 60) {
console.log("D - Anda perlu belajar lebih banyak.");
} else {
console.log("F - Oh no! Anda gagal.");
}

Dalam contoh ini, nilai adalah 75, jadi output akan menjadi "C - Tidak buruk!". Kode ini memeriksa setiap kondisi secara berurutan dan berhenti saat menemukan kondisi benar.

Mari coba satu lagi:

let time = 14;

if (time < 12) {
console.log("Selamat pagi!");
} else if (time < 18) {
console.log("Selamat siang!");
} else {
console.log("Selamat malam!");
}

Karena waktu adalah 14 (2 PM), output akan menjadi "Selamat siang!".

Pernyataan if...else Bersarang

kadang-kadang, Anda mungkin perlu memeriksa kondisi dalam kondisi. Itu di mana pernyataan if...else bersarang berguna.

let isWeekend = true;
let isRaining = false;

if (isWeekend) {
if (isRaining) {
console.log("Itu minggu hujan. Bagus untuk membaca buku!");
} else {
console.log("Itu minggu cerah. mari kita pergi ke pesta!");
}
} else {
console.log("Itu hari kerja. Waktu untuk kerja!");
}

Dalam contoh ini, kita pertama-tama memeriksa apakah itu minggu. Jika ya, kita kemudian memeriksa apakah hujan untuk menentukan aktivitas apa yang disarankan.

Tabel Perbandingan Metode if...else

Berikut adalah tabel ringkasan metode if...else yang kita telah bahas:

Metode	Sintaks	kasus Penggunaan
if	if (kondisi) { ... }	Ketika Anda ingin menjalankan kode hanya jika suatu kondisi benar
if...else	if (kondisi) { ... } else { ... }	Ketika Anda ingin satu hasil jika kondisi benar, dan hasil lain jika itu salah
if...else if...else	if (kondisi1) { ... } else if (kondisi2) { ... } else { ... }	Ketika Anda memiliki beberapa kondisi yang perlu diperiksa
if...else Bersarang	if (kondisi1) { if (kondisi2) { ... } else { ... } } else { ... }	Ketika Anda perlu memeriksa kondisi dalam kondisi

Ingat, pemrograman adalah tentang latihan. Jangan khawatir untuk mencoba konsep ini. Cobalah mengubah nilai dalam contoh dan lihat bagaimana output berubah. Itu cara terbaik untuk belajar!

Dalam tahun-tahun mengajar saya, saya menemukan bahwa siswa yang bermain dengan kode dan membuat kesalahan belajar tercepat. Jadi, teruskan, rusak sesuatu, perbaiki mereka, dan bersenang-senang dalam prosesnya!

Selamat coding, para pemrogram masa depan!

Credits: Image by storyset