TypeScript - Loop: Portal ke Programming yang Efisien
Hai sana, bakal bintang coding! Hari ini, kita akan memulai perjalanan yang menarik melalui dunia loop di TypeScript. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya disini untuk mengorbitasi petualangan ini dengan banyak contoh, penjelasan, dan mungkin ada juga beberapa lelucon. Jadi, pasang sabuk pengaman dan mari kita masuk ke dalam!
Mengerti Loop: Dasar-Dasar
Sebelum kita masuk ke hal yang mendalam, mari kita mulai dengan pertanyaan sederhana: Apa itu loop? Bayangkan Anda diberi tugas menulis "Saya cinta TypeScript" di papan tulis 100 kali. Suara membosankan, kan? Itu tempat loop berguna! Mereka memungkinkan kita untuk mengulangi set intruksi beberapa kali tanpa menulis kode yang sama berkali-kali.
Di TypeScript, kita memiliki beberapa jenis loop, tapi hari ini kita akan fokus pada yang paling umum: loop for
, while
, dan do-while
.
Loop 'for'
Loop for
adalah seperti pisau Swiss Army - multifungsi dan kuat. Berikut adalah struktur dasarnya:
for (inisialisasi; kondisi; peningkatan/pengurangan) {
// kode yang akan dieksekusi
}
Mari kita rincikan ini dengan contoh:
for (let i = 0; i < 5; i++) {
console.log("Iterasi nomor: " + i);
}
Dalam kode ini:
-
let i = 0
menginisialisasi variabel penghitung kita. -
i < 5
adalah kondisi yang dicek sebelum setiap iterasi. -
i++
meningkatkan penghitung kita setelah setiap iterasi.
Hasilnya akan adalah:
Iterasi nomor: 0
Iterasi nomor: 1
Iterasi nomor: 2
Iterasi nomor: 3
Iterasi nomor: 4
Loop 'while'
Loop while
adalah seperti petugas pengaman di klub - ia terus memeriksa apakah Anda memenuhi syarat untuk masuk. Berikut adalah penampilannya:
while (kondisi) {
// kode yang akan dieksekusi
}
Mari kita lihatnya dalam aksi:
let count = 0;
while (count < 5) {
console.log("Jumlah adalah: " + count);
count++;
}
Ini akan menghasilkan:
Jumlah adalah: 0
Jumlah adalah: 1
Jumlah adalah: 2
Jumlah adalah: 3
Jumlah adalah: 4
Loop 'do-while'
Loop do-while
adalah seperti sepupu yang lebih optimis dari loop while
. Itu selalu menjalankan blok kode sekurang-kurangnya sekali sebelum memeriksa kondisi. Berikut adalah strukturnya:
do {
// kode yang akan dieksekusi
} while (kondisi);
Mari kita lihat contohnya:
let num = 0;
do {
console.log("Nomor adalah: " + num);
num++;
} while (num < 5);
Ini akan menghasilkan:
Nomor adalah: 0
Nomor adalah: 1
Nomor adalah: 2
Nomor adalah: 3
Nomor adalah: 4
Statement 'break': Mengetahui Kapan Berhenti
Bayangkan Anda di bufet makanan tak terbatas. Statement break
adalah seperti otak Anda mengatakan, "Baiklah, cukup makanan!" Itu memungkinkan kita untuk keluar dari loop lebih awal ketika suatu kondisi terpenuhi.
Berikut adalah contohnya:
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log("Nomor saat ini: " + i);
}
Ini akan menghasilkan:
Nomor saat ini: 0
Nomor saat ini: 1
Nomor saat ini: 2
Nomor saat ini: 3
Nomor saat ini: 4
Loop berhenti ketika i
menjadi 5, meskipun awalnya diatur untuk berjalan sampai i
kurang dari 10.
Statement 'continue': Melewatkan Beat
Statement continue
adalah seperti melewatkan lagu di daftar putar Anda. Itu memungkinkan kita untuk melewati sisanya kode dalam iterasi saat ini dan pindah ke iterasi berikutnya.
Mari kita lihatnya dalam aksi:
for (let i = 0; i < 5; i++) {
if (i === 2) {
continue;
}
console.log("Nomor: " + i);
}
Ini akan menghasilkan:
Nomor: 0
Nomor: 1
Nomor: 3
Nomor: 4
Perhatikan bagaimana 2 hilang? Itu karena ketika i
adalah 2, statement continue
melewati sisanya iterasi ini.
Loop Tak Terbatas: Loop Yang Tak Pernah Berhenti
Loop tak terbatas adalah seperti lagu yang terjebak di repeat - itu berlanjut selamanya (atau sampai komputer Anda kehabisan memori). Meskipun biasanya tak kehendak, ada kasus di mana loop tak terbatas bisa berguna.
Berikut adalah contoh loop tak terbatas:
while (true) {
console.log("Ini lagu yang tak pernah berakhir...");
}
Peringatan: Jangan jalankan kode ini kecuali Anda ingin komputer Anda menyanyi selamanya!
Dalam aplikasi dunia nyata, loop tak terbatas sering digunakan dalam pengembangan game atau untuk proses berjalan terus yang perlu aktif selalu.
Metode Loop: Alat untuk Coding yang Efisien
Untuk mengakhiri perjalanan kita melalui loop, mari kita lihat beberapa metode yang bisa membuat hidup Anda mudah saat bekerja dengan loop:
Metode | Deskripsi | Contoh |
---|---|---|
forEach() |
Eksekusi fungsi yang diberikan sekali untuk setiap elemen array | array.forEach((item) => console.log(item)); |
map() |
Buat array baru dengan hasil pemanggilan fungsi yang diberikan pada setiap elemen array | const newArray = array.map((item) => item * 2); |
filter() |
Buat array baru dengan semua elemen yang lolos tes yang diimplementasikan oleh fungsi yang diberikan | const filteredArray = array.filter((item) => item > 5); |
reduce() |
Eksekusi fungsi pengurang pada setiap elemen array, menghasilkan nilai tunggal | const sum = array.reduce((acc, curr) => acc + curr, 0); |
Metode ini sering menggantikan loop tradisional dan membuat kode Anda lebih mudah dibaca dan efisien.
Dan begitu juga, teman-teman! Anda baru saja menyelesaikan kursus cepat tentang loop di TypeScript. Ingat, latihan membuat sempurna, jadi jangan takut untuk mencoba konsep ini. Selamat coding, dan may the loops be ever in your favor!
Credits: Image by storyset