TypeScript - If Bercabang: Panduan untuk Pemula

Hai teman-teman, para bintang pemrograman masa depan! Hari ini, kita akan mandulkan diri ke dunia yang menarik dari if bercabang dalam TypeScript. Jangan khawatir jika Anda masih pemula - saya akan menjadi panduan ramah bagi Anda dalam petualangan ini, seperti yang telah saya lakukan bagi banyak murid selama tahun-tahun pengajaran saya. Jadi, ambil minuman kesukaan Anda, duduk nyaman, dan mari kita mulai perjalanan ini bersama!

Apa Itu If Bercabang?

Sebelum kita melompat ke lubuk dalam, mari kita mulai dari dasar. Bayangkan Anda sedang bermain permainan video di mana karakter Anda perlu membuat beberapa keputusan. Setiap keputusan membawa kepada sekumpulan pilihan lain. Itu sebenarnya apa yang if bercabang dalam pemrograman - keputusan dalam keputusan!

Dalam TypeScript (dan banyak bahasa pemrograman lain), kita menggunakan if untuk membuat keputusan dalam kode kita. Ketika kita menempatkan satu if didalam yang lain, itu adalah apa yang kita sebut "if bercabang."

Mengapa Menggunakan If Bercabang?

Mungkin Anda berpikir, "Mengapa kita butuh keputusan bercabang ini?" Biarkan saya ceritakan kecil ke Anda.

Bayangkan Anda membuat program untuk sebuah kafe. Anda ingin memberikan diskon kepada pelanggan, tapi itu tergantung pada dua hal: apakah mereka pelanggan biasa dan apakah mereka memesan lebih dari 3 kopi. Anda dapat menggunakan if bercabang untuk memeriksa kedua syarat ini. Itu seperti bertanya, "Apakah mereka pelanggan biasa? Jika ya, apakah mereka memesan lebih dari 3 kopi?"

Sekarang, mari kita lihat bagaimana kita menulis ini dalam TypeScript!

Sintaks If Bercabang

Ini adalah struktur dasar if bercabang:

if (condition1) {
// Kode untuk menjalankan jika condition1 benar
if (condition2) {
// Kode untuk menjalankan jika kedua condition1 dan condition2 benar
}
}

Jangan khawatir! Itu lebih mudah daripada yang Anda pikirkan. Mari kitauraikan:

1. Kita mulai dengan if luar yang memeriksa condition1.
2. Jika condition1 benar, kita masuk ke blok kode pertama.
3. Dalam blok ini, kita memiliki if lain yang memeriksa condition2.
4. Jika condition2 juga benar, kita menjalankan blok kode paling dalam.

Contoh: Diskon Kafe

Mari kita hidupkan cerita kafe kita dengan beberapa kode:

let isRegularCustomer: boolean = true;
let numberOfCoffees: number = 4;

if (isRegularCustomer) {
console.log("Selamat datang kembali! Mari kita periksa apakah Anda memenuhi syarat untuk diskon.");
if (numberOfCoffees > 3) {
console.log("Berita bagus! Anda mendapat diskon 20% pada pesanan Anda.");
} else {
console.log("Beli satu kopi lagi untuk mendapatkan diskon 20%!");
}
} else {
console.log("Selamat datang! Pertimbangkan untuk bergabung dengan program loyalitas kami untuk mendapatkan diskon menarik.");
}

mariuraikan kode ini:

1. Kita deklarasikan dua variabel: isRegularCustomer dan numberOfCoffees.
2. If luar memeriksa apakah pelanggan adalah pelanggan biasa.
3. Jika mereka adalah, kita menyapa mereka kembali dan masuk ke if dalam.
4. If dalam memeriksa apakah mereka memesan lebih dari 3 kopi.
5. Jika kedua syarat benar, mereka mendapat pesan diskon.
6. Jika mereka pelanggan biasa tapi memesan 3 atau kurang kopi, mereka mendapat pesan untuk memesan lebih.
7. Jika mereka bukan pelanggan biasa, mereka mendapat pesan selamat datang yang berbeda.

Jalankan kode ini, dan Anda akan melihat pesan diskon karena kedua syarat benar!

Tangga Else...If

Sekarang, mari kita tingkatkan permainan kita dengan tangga else...if. Ini sangat berguna ketika Anda memiliki banyak syarat untuk diperiksa.

Sintaks Tangga Else...If

Ini adalah penampilannya:

if (condition1) {
// Kode untuk condition1
} else if (condition2) {
// Kode untuk condition2
} else if (condition3) {
// Kode untuk condition3
} else {
// Kode jika none dari syarat benar
}

Contoh: Preferensi Suhu Kopi

Mari kita gunakan tangga else...if untuk menangani preferensi suhu kopi berbeda:

let coffeeTemperature: number = 70; // Suhu dalam Celsius

if (coffeeTemperature > 80) {
console.log("Peringatan: Kopi Anda sangat panas!");
} else if (coffeeTemperature >= 70) {
console.log("Kopi Anda panas dan siap diminum.");
} else if (coffeeTemperature >= 60) {
console.log("Kopi Anda berada di suhu hangat yang nyaman.");
} else if (coffeeTemperature >= 50) {
console.log("Kopi Anda mulai dingin, mungkin Anda ingin minum sekarang.");
} else {
console.log("Kopi Anda telah dingin. Apakah Anda ingin kami panaskan lagi?");
}

Dalam contoh ini:

1. Kita memeriksa suhu kopi terhadap berbagai ambang.
2. Bergantung pada suhu, kita memberikan pesan yang berbeda.
3. Jika none dari syarat terpenuhi (suhu di bawah 50°C), kita asumsikan kopi dingin.

Struktur ini memungkinkan kita menangani banyak scenario secara efisien tanpa menembus terlalu dalam.

Praktik Terbaik untuk If Bercabang

Sebelum kita selesai, ini adalah beberapa aturan emas yang saya pelajari selama tahun-tahun ini:

1. Peraturkanlah Mudah: Cobalah untuk tidak menembus terlalu dalam. Jika Anda memiliki lebih dari 3 tingkat, pertimbangkan untuk merefactorkan kode Anda.

2. Gunakan Syarat yang Jelas: Buat syarat Anda mudah untuk dipahami. if (isHungry && timeIsPastNoon) lebih jelas daripada if (a && b).

3. Pertimbangkan Switch Statement: Untuk banyak syarat yang memeriksa variabel yang sama, switch statement mungkin lebih jelas.

4. Gunakan Return Awal: Kadang-kadang, Anda dapat menyederhanakan kode Anda dengan mengembalikan awal daripada menembus.

Ini adalah contoh yang cepat dari return awal:

function checkAge(age: number): string {
if (age < 0) {
return "Umur invalid";
}
if (age < 18) {
return "Anda masih minor";
}
if (age < 65) {
return "Anda dewasa";
}
return "Anda warga tua";
}

Ini biasanya lebih bersih daripada menembus banyak if-else.

Kesimpulan

Selamat! Anda telah meningkatkan keterampilan TypeScript Anda dengan if bercabang dan tangga else...if. Ingat, ini adalah alat yang kuat dalam kotak alat Anda, tapi gunakanlah mereka bijaksana.

Latih konsep ini, mainkan dengan berbagai syarat, dan segera Anda akan dapat membuat pohon keputusan yang kompleks dengan mudah. Siapa tahu? Mungkin Anda akan menggunakan keterampilan ini untuk membuat permainan video berikutnya atau aplikasi revolusioner!

Terus coding, terus belajar, dan yang paling penting, bersenang-senang! Sampaijumpa lagi, ini adalah guru pemrograman tetangga Anda yang ramah menutup. Selamat belajar TypeScript!

Credits: Image by storyset