TypeScript - For Loop: Menajemen Repetisi dalam Pemrograman
Hai, para pemrogram yang berbakat! Saya senang menjadi panduan Anda dalam perjalanan menarik ini ke dunia loop TypeScript. Sebagai orang yang telah mengajarkan pemrograman selama lebih dari satu dekade, saya bisa katakan bahwa memahami loop adalah seperti belajar menunggang sepeda – sekali Anda mengerti, Anda tidak akan pernah lupa, dan itu akan membawa Anda ke tempat yang Anda inginkan!
Loop for
: Langkah Pertama Anda ke Dunia Iterasi
Ayo mulai dengan loop for
klasik. Bayangkan itu seperti robot yang ramah yang mengikuti petunjuk Anda untuk mengulangi tugas sebanyak jumlah tertentu.
Sintaks Dasar
Ini adalah apa yang tampak seperti loop for
dalam TypeScript:
for (let i = 0; i < 5; i++) {
console.log("Hello, World!");
}
mari kitauraikan ini:
-
let i = 0
: Ini adalah tempat kita mulai menghitung. -
i < 5
: Kita terus menerus seperti ini selama ini benar. -
i++
: Setelah setiap putaran, kita meningkatkan hitungan kita dengan 1. - Semua yang ada dalam
{ }
adalah apa yang akan diulangi.
Ketika Anda menjalankan kode ini, Anda akan melihat "Hello, World!" dicetak lima kali. Itu seperti memberi tahu teman robot kita, "Sapa lima kali!"
Contoh yang Lebih Praktis
Ayo katakan Anda membuat permainan sederhana di mana karakter melompat melewati rintangan. Ini adalah bagaimana Anda mungkin menggunakan loop for
untuk membuat lima rintangan:
let obstacles: string[] = [];
for (let i = 0; i < 5; i++) {
obstacles.push(`Obstacle ${i + 1}`);
console.log(`Created ${obstacles[i]}`);
}
console.log("All obstacles:", obstacles);
Dalam contoh ini, kita membuat array rintangan. Loop ini berjalan 5 kali, setiap kali menambahkan rintangan baru ke array kita. Perhatikan bagaimana kita gunakan i + 1
untuk menomor rintangan kita mulai dari 1 bukan 0.
Loop for...in
: Mengeksplorasi Properti Objek
Sekarang, mari kita kenal loop for...in
. Loop ini sempurna saat Anda ingin melihat semua properti dari objek. Itu seperti memiliki robot yang curihaus yang ingin melihat setiap lemari di meja.
Sintaks Dasar
Ini adalah contoh sederhana:
let person = {
name: "Alice",
age: 30,
job: "Developer"
};
for (let key in person) {
console.log(`${key}: ${person[key]}`);
}
Loop ini akan mengulangi setiap properti (atau "key") dalam objek person
dan mencetaknya bersama dengan nilainya. Itu adalah cara yang bagus untuk mengeksplorasi objek saat Anda tidak yakin properti apa yang mungkin mereka miliki.
Contoh yang Lebih Kompleks
Ayo katakan Anda sedang membuat sistem inventori sederhana untuk permainan role-playing:
let inventory = {
sword: 1,
shield: 1,
potion: 5,
arrow: 20
};
console.log("Your inventory:");
for (let item in inventory) {
if (inventory[item] > 1) {
console.log(`${inventory[item]} ${item}s`);
} else {
console.log(`${inventory[item]} ${item}`);
}
}
Kode ini akan mencantumkan inventori Anda, dengan benar mengganti kata-kata saat Anda memiliki lebih dari satu item. Itu seperti memiliki asisten yang dapat menghitung dan melaporkan item Anda!
Loop for...of
: Menyederhanakan Penelusuran Array dan Objek Iterabel
Terakhir namun bukan terkecil, mari kita kenal loop for...of
. Loop ini sempurna saat Anda ingin mengulangi setiap item dalam array atau objek iterabel lainnya. Itu seperti memiliki robot yang dapat berjalan melalui baris item dan melihat setiap satunya.
Sintaks Dasar
Ini adalah contoh sederhana menggunakan array angka:
let numbers = [1, 2, 3, 4, 5];
for (let num of numbers) {
console.log(num * 2);
}
Loop ini akan mengulangi setiap angka dalam array numbers
dan mencetak nilai gandanya. Itu jauh lebih sederhana daripada menggunakan loop for
tradisional saat Anda hanya ingin melakukan sesuatu dengan setiap item.
Contoh yang Menarik
Ayo bayangkan Anda membuat permainan teks sederhana. Anda memiliki array kemungkinan aksi, dan Anda ingin menawarkannya ke pemain:
let actions = ["Fight", "Run", "Hide", "Call for help"];
console.log("What would you like to do?");
for (let action of actions) {
console.log(`- ${action}`);
}
// Ayo simulasikan pilihan pemain
let playerChoice = actions[Math.floor(Math.random() * actions.length)];
console.log(`You chose to ${playerChoice.toLowerCase()}.`);
Kode ini menawarkan daftar aksi ke pemain dan kemudian mensimulasikan pilihan acak. Loop for...of
membuatnya mudah untuk mencantumkan semua opsi tanpa khawatir tentang indeks array.
Perbandingan Metode Loop
Untuk membantu Anda memilih loop yang tepat untuk kebutuhan Anda, ini adalah tabel perbandingan praktis:
Tipe Loop | Terbaik Digunakan Untuk | Sintaks |
---|---|---|
for |
Jumlah iterasi yang diketahui | for (let i = 0; i < n; i++) |
for...in |
Mengulangi properti objek | for (let key in object) |
for...of |
Mengulangi elemen array atau objek iterabel lainnya | for (let item of iterable) |
Ingat, memilih loop yang tepat dapat membuat kode Anda lebih mudah dibaca dan efisien. Itu seperti memilih alat yang tepat untuk pekerjaan – gunakan palu untuk paku, screwdriver untuk screw, dan loop yang tepat untuk data Anda!
Akhir kata, loop adalah konsep fundamental dalam pemrograman, dan memahaminya akan membuka dunia kemungkinan dalam perjalanan coding Anda. Apakah Anda mengulangi aksi, mengeksplorasi objek, atau bekerja dengan array, ada loop yang sempurna untuk pekerjaan itu. Terus latih, dan segera Anda akan menjadi ahli loop! Selamat coding, para pengembang masa depan!
Credits: Image by storyset