TypeScript - For Loop: Memahami Reptisi dalam Pemrograman
Hai, para pemrogram yang bersemangat! Saya sangat gembira menjadi panduanmu dalam perjalanan menarik ini ke dunia loop TypeScript. Sebagai seseorang yang telah mengajarkan pemrograman selama lebih dari satu dekade, saya dapat katakan bahwa memahami loop seperti belajar menunggang sepeda – sekali Anda mengerti, Anda tidak akan pernah lupa, dan itu akan membawa Anda ke tempat yang Anda tak sangka!
Loop for
: Langkah Pertama ke Dunia Iterasi
Mari kita 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 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 melanjutkan selama ini benar. -
i++
: Setelah setiap babak, kita meningkatkan hitungan kita sebanyak 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 mengatakan ke teman robot kita, "Ucapkan halo lima kali!"
Contoh yang Lebih Praktis
mari kita 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 sedang 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 sangat cocok ketika Anda ingin melihat semua properti 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 menjalankan setiap properti (atau "key") di objek person
dan mencetaknya beserta nilainya. Itu adalah cara yang bagus untuk mengeksplorasi objek ketika Anda tidak yakin properti apa yang mereka mungkin miliki.
Contoh yang Lebih Kompleks
mari kita 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, benar-benar menggabungkan item ketika Anda memiliki lebih dari satu. Itu seperti memiliki asisten yang membantu yang dapat menghitung dan melaporkan item Anda!
Loop for...of
: Mempermudah Penelusuran Array dan Objek Iterabel
Terakhir tapi bukan yang paling kurang, mari kita kenal loop for...of
. Loop ini sangat cocok ketika Anda ingin menjalankan setiap item dalam array atau objek iterabel lainnya. Itu seperti memiliki robot yang dapat berjalan melalui baris item dan melihat masing-masing.
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 menjalankan setiap angka dalam array numbers
dan mencetak nilai gandanya. Itu jauh lebih sederhana daripada menggunakan loop for
tradisional ketika Anda hanya ingin melakukan sesuatu dengan setiap item.
Contoh yang Menarik
mari kita bayangkan Anda membuat permainan teks sederhana. Anda memiliki array kemungkinan aksi, dan Anda ingin menyajikannya 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}`);
}
// mari kita simulasikan pilihan pemain
let playerChoice = actions[Math.floor(Math.random() * actions.length)];
console.log(`You chose to ${playerChoice.toLowerCase()}.`);
Kode ini akan menampilkan 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 |
Mengulang properti objek | for (let key in object) |
for...of |
Mengulang elemen array atau objek lainnya yang iterabel | 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!
Dalam kesimpulan, 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 dalam loop! Selamat coding, para pemrogram masa depan!
Credits: Image by storyset