TypeScript - If Statements Tertanam: Panduan untuk Pemula

Hai teman-teman, para superstar pemrograman masa depan! Hari ini, kita akan menyelam ke dunia yang menarik dari if statements tertanam di TypeScript. Jangan khawatir jika Anda baru saja memulai pemrograman - saya akan menjadi panduan ramah Anda dalam perjalanan ini, sama seperti yang saya lakukan untuk ribuan murid selama tahun-tahun mengajar saya. Jadi, ambil minuman favorit Anda, duduk nyaman, dan mari kita mulai perjalanan ini bersama!

Apa Itu If Statements Tertanam?

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

Dalam TypeScript (dan banyak bahasa pemrograman lainnya), kita menggunakan if statements untuk membuat keputusan dalam kode kita. Ketika kita memasukkan satu if statement di dalam yang lain, itu adalah apa yang kita sebut "if statement tertanam."

Mengapa Menggunakan If Statements Tertanam?

Mungkin Anda bertanya-tanya, "Mengapa kita memerlukan keputusan bersarang ini?" Well, biarkan saya ceritakan Anda sebuah kisah pendek.

Bayangkan Anda membuat program untuk sebuah kedai kopi. Anda ingin memberikan diskon kepada pelanggan, tetapi hal itu tergantung pada dua hal: apakah mereka pelanggan biasa dan apakah mereka memesan lebih dari 3 kopi. Anda bisa menggunakan if statements tertanam 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 di TypeScript!

Sintaks If Statements Tertanam

Ini adalah struktur dasar if statements tertanam:

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

Jangan takut! Itu lebih mudah daripada yang tampak. Mari kitauraikan ini:

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

Contoh: Diskon Kedai Kopi

Mari kita hidupkan cerita kedai kopi kita dengan beberapa kode:

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

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

mari kitauraikan kode ini:

1. Kita deklarasikan dua variabel: isRegularCustomer dan numberOfCoffees.
2. If eksternal memeriksa apakah pelanggan adalah pelanggan biasa.
3. Jika mereka itu, kita menyapa mereka kembali dan maju ke if statement dalam.
4. If statement 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 lainnya.

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

Tangga Else...If

Sekarang, mari kita naik tingkat dengan tangga else...if. Ini sangat berguna saat 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 tidak ada syarat benar
}

Contoh: Preferensi Suhu Kopi

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

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 dalam suhu hangat yang nyaman.");
} else if (coffeeTemperature >= 50) {
console.log("Kopi Anda mulai dingin, mungkin hendak diminum segera.");
} else {
console.log("Kopi Anda telah dingin. Apakah Anda ingin kami panaskan lagi?");
}

Dalam contoh ini:

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

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

Praktik Terbaik untuk If Statements Tertanam

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

1. Simpanlah Hal yang Sederhana: Cobalah untuk tidak menanam terlalu dalam. Jika Anda memiliki lebih dari 3 tingkat, pertimbangkan untuk merefactorkan kode Anda.

2. Gunakan Conditions Yang Jelas: Buat conditions Anda mudah untuk dipahami. if (isHungry && timeIsPastNoon) lebih jelas daripada if (a && b).

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

4. Gunakan Early Returns: Kadang-kadang, Anda dapat menyederhanakan kode Anda dengan mengembalikan nilai awal.

Ini adalah contoh singkat dari early returns:

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 menanam banyak if-else statements.

Kesimpulan

Selamat! Anda telah meningkatkan keterampilan TypeScript Anda dengan if statements tertanam dan tangga else...if. Ingat, ini adalah alat kuat dalam peralatan pemrograman Anda, tetapi gunakanlah mereka bijaksana.

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

Tetap kode, tetap belajar, dan terutama, bersenang-senang! Sampai jumpa lagi, ini adalah guru pemrograman tetangga Anda yang menutup. Selamat belajar TypeScript!

Credits: Image by storyset