JavaScript - If...Else: A Beginner's Guide

Hai orang-orang yang mahu belajar! Hari ini, kita akan mendalamkan salah satu konsep asas dalam pengkompaian: pernyataan if...else. Ber fikirkan ia seperti pengambil keputusan dalam kod anda, seperti lampu isyarat memandu kenderaan di simpang. Mari kita mula!

JavaScript - If...Else

Carta Alir if-else

Sebelum kita melompat ke kod, mari kita visualkan bagaimana pernyataan if...else berkerja. Bayangkan anda di simpang jalan:

[Condition]
/    \
/      \
/        \
[True]      [False]
|            |
[Action 1]   [Action 2]

Diagram mudah ini menunjukkan esen if...else: jika syarat adalah benar, lakukan satu hal; sebaliknya, lakukan sesuatu yang lain.

Pernyataan if JavaScript

Mari kita mulakan dengan pernyataan 'if'. Ia seperti berkata, "Jika hujan, bawa payung."

let isRaining = true;

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

Dalam contoh ini, jika isRaining adalah benar, mesej akan dicetak. Jika ia adalah palsu, tiada apa yang berlaku. Mudah, kan?

Mari cuba contoh lain:

let temperature = 25;

if (temperature > 30) {
console.log("Diasakah luar!");
}

Di sini, mesej hanya akan muncul jika suhu lebih daripada 30. Dalam kes ini, ia tidak akan mencetak apa-apa kerana 25 bukan lebih daripada 30.

Pernyataan if...else JavaScript

Apa jika anda mahu melakukan sesuatu ketika syarat adalah palsu? Itu adalah di mana 'else' masuk. Ia seperti berkata, "Jika hujan, bawa payung; sebaliknya, pakai kaca mata."

let isRaining = false;

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

Dalam kes ini, kerana isRaining adalah palsu, mesej kedua akan dicetak.

Ini adalah contoh lain:

let age = 15;

if (age >= 18) {
console.log("Anda boleh mengundi!");
} else {
console.log("Maaf, anda terlalu muda untuk mengundi.");
}

Kerana 15 kurang daripada 18, mesej "Maaf, anda terlalu muda untuk mengundi" akan dipaparkan.

Pernyataan if...else if... JavaScript

kadang-kadang, kehidupan bukanlah hitam dan putih. Kita memerlukan lebih banyak pilihan! Itu di mana 'else if' berguna. Ia seperti soalan pilihan berganda.

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.");
} else {
console.log("F - Wah! Anda gagal.");
}

Dalam contoh ini, markah adalah 75, jadi output akan menjadi "C - Tidak buruk!". Kod ini memeriksa setiap syarat dalam urutan dan berhenti apabila ia menemui syarat yang benar.

Mari cuba satu lagi:

let time = 14;

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

Kerana masa adalah 14 (2 PM), output akan menjadi "Selamat petang!".

Pernyataan if...else bersarang

kadang-kadang, anda mungkin perlu memeriksa syarat dalam syarat. Di situ, pernyataan if...else bersarang berguna.

let isWeekend = true;
let isRaining = false;

if (isWeekend) {
if (isRaining) {
console.log("It's a rainy weekend. Perfect for reading a book!");
} else {
console.log("It's a sunny weekend. Let's go for a picnic!");
}
} else {
console.log("It's a weekday. Time to work!");
}

Dalam contoh ini, kita pertama kali memeriksa jika ia adalah hujung minggu. Jika ya, kita kemudian memeriksa jika hujan untuk menentukan aktiviti apa yang disarankan.

Jadual Perbandingan Metod If...Else

Berikut adalah jadual ringkasan mengenai metod if...else yang kita telahulas:

Metod Sintaks Kesgunaan
if if (condition) { ... } Ketika anda mahu menjalankan kod hanya jika syarat adalah benar
if...else if (condition) { ... } else { ... } Ketika anda mahu satu kesimpulan jika syarat adalah benar, dan kesimpulan lain jika ia palsu
if...else if...else if (condition1) { ... } else if (condition2) { ... } else { ... } Ketika anda mempunyai banyak syarat untuk diperiksa
if...else bersarang if (condition1) { if (condition2) { ... } else { ... } } else { ... } Ketika anda perlu memeriksa syarat dalam syarat

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

Dalam tahun pengajaran saya, saya mendapati murid-murid yang main-main dengan kod dan membuat kesilapan belajar paling cepat. Jadi, teruskan, pecahkan hal-hal, tanggunkan mereka, dan bersenang-senang dalam proses itu!

Selamat coding, pelajar masa depan!

Credits: Image by storyset