TypeScript - Loop: Panduan Anda ke Programming yang Efisien
Hai teman-teman, bakal bintang coding! Hari ini, kita akan mengemban perjalanan yang menarik melalui dunia loop di TypeScript. Sebagai guru komputer yang ramah di lingkungan sekitar Anda, saya di sini untuk mengajak Anda dalam petualangan ini dengan banyak contoh, penjelasan, dan mungkin saja beberapa lelucon. Jadi, sabungkan sepatu Anda dan mari kita masuk ke dalam!
Mengenal Loop: Dasar-Dasar
Sebelum kita masuk ke hal yang membingungkan, 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 sebuah set instruksi beberapa kali tanpa menulis kode yang sama berulang-ulang.
Dalam TypeScript, kita memiliki beberapa jenis loop, tetapi hari ini kita akan fokus pada yang paling umum: loop for
, while
, dan do-while
.
Loop 'for'
Loop for
adalah seperti pisau瑞士 Army knife dari loop - multifungsi dan kuat. Ini adalah struktur dasarnya:
for (inisialisasi; kondisi; inkremen/dekremen) {
// kode yang akan dieksekusi
}
Mari kitauraikan 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++
menginkremen 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 security di klub - ia terus mencari apakah Anda memenuhi syarat untuk masuk. Ini adalah penampilannya:
while (kondisi) {
// kode yang akan dieksekusi
}
Mari kita lihatnya dalam aksi:
let count = 0;
while (count < 5) {
console.log("Count is: " + count);
count++;
}
Ini akan menghasilkan:
Count is: 0
Count is: 1
Count is: 2
Count is: 3
Count is: 4
Loop 'do-while'
Loop do-while
adalah seperti sepupu yang lebih optimis dari loop while
. Ia selalu menjalankan blok kode sekurang-kurangnya satu kali sebelum mencari kondisi. Ini adalah strukturnya:
do {
// kode yang akan dieksekusi
} while (kondisi);
Mari kita lihat contohnya:
let num = 0;
do {
console.log("Number is: " + num);
num++;
} while (num < 5);
Ini akan menghasilkan:
Number is: 0
Number is: 1
Number is: 2
Number is: 3
Number is: 4
Statement 'break': Mengetahui Kapan Berhenti
Bayangkan Anda di sebuah buffet all-you-can-eat. Statement break
adalah seperti otak Anda mengatakan, "Baiklah, cukup makanan!" Itu memungkinkan kita untuk keluar dari loop lebih awal saat suatu kondisi terpenuhi.
Ini adalah contoh:
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log("Current number: " + i);
}
Ini akan menghasilkan:
Current number: 0
Current number: 1
Current number: 2
Current number: 3
Current number: 4
Loop berhenti saat i
menjadi 5, meskipun awalnya diatur untuk berjalan sampai i
kurang dari 10.
Statement 'continue': Melewatkan Suatu Beat
Statement continue
adalah seperti melewatkan lagu di daftar putar Anda. Itu memungkinkan kita untuk melewatkan sisanya kode di 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("Number: " + i);
}
Ini akan menghasilkan:
Number: 0
Number: 1
Number: 3
Number: 4
Perhatikan bagaimana angka 2 hilang? Itu karena saat i
adalah 2, statement continue
melewatkan sisanya iterasi itu.
Loop Tak Terbatas: Loop Yang Tak Pernah Berakhir
Loop tak terbatas adalah seperti lagu yang terjebak di repeat - ia berjalan terus-menerus (atau sampai komputer Anda kehabisan memori). Meskipun biasanya tidak disengaja, ada kasus di mana loop tak terbatas bisa berguna.
Ini adalah contoh loop tak terbatas:
while (true) {
console.log("This is the song that never ends...");
}
Peringatan: Jangan jalankan kode ini kecuali Anda ingin komputer Anda menyanyikan lagu itu selamanya!
Dalam aplikasi dunia nyata, loop tak terbatas sering digunakan dalam pengembangan game atau untuk proses berjalan yang perlu selalu aktif.
Metode Loop: Peralatan Anda 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() |
Mengeksekusi fungsi yang disediakan sekali untuk setiap elemen array | array.forEach((item) => console.log(item)); |
map() |
Membuat array baru dengan hasil panggilan fungsi yang disediakan pada setiap elemen array | const newArray = array.map((item) => item * 2); |
filter() |
Membuat array baru dengan semua elemen yang lolos tes yang diimplementasikan oleh fungsi yang disediakan | const filteredArray = array.filter((item) => item > 5); |
reduce() |
Mengeksekusi fungsi pengurang pada setiap elemen array, menghasilkan nilai keluaran 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 telah 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