Pada tutorial sebelumnya, kita sudah mempelajari tentang Tutorial Belajar JavaScript Bagian 29 : Struktur Logika While Loop di JavaScript.
Dalam tutorial ini, kita akan belajar cara menggunakan for statement perulangan for membuat perulangan dengan berbagai pilihan.
Pengantar JavaScript for statement loop
Statement loop for bertujuan untuk membuat loop dengan 3 ekspresi pilihan. Berikut ini mengilustrasikan sintaks statement for loop :
for (initializer; condition; iterator) {
// statements
}
- Initializer (inisialisasi)
Statement for mengeksekusi penginisialisasi hanya setelah perulangan dimulai. Biasanya, Anda mendeklarasikan dan menginisialisasi variabel loop lokal di penginisialisasi.
- Condition (kondisi)
Kondisinya adalah ekspresi boolean yang menentukan apakah for harus mengeksekusi iterasi berikutnya.
Statement for mengevaluasi kondisi sebelum setiap iterasi. Jika kondisi true (atau tidak ada), iterasi berikutnya dijalankan. Jika tidak, itu akan mengakhiri loop.
- Iterator (pengulangan)
Statement for mengeksekusi iterator setelah setiap iterasi.
Diagram alir berikut mengilustrasikan perulangan for :
Dalam perulangan for, 3 ekspresi bersifat tambahan. Berikut ini menunjukkan perulangan for tanpa ekspresi apa pun :
for ( ; ; ) {
// statement
}
Contoh JavaScript for loop
Mari kita ambil beberapa contoh penggunaan statement for loop.
- Contoh sederhana JavaScript for loop
Contoh berikut menggunakan statement for loop for menampilkan angka dari 1 hingga 4 ke console :
for (let i = 1; i < 5; i++) {
console.log(i);
}
Hasil :
1 2 3 4
Bagaimana skrip ini bekerja.
Pertama, deklarasikan variabel i dan inisialisasi dengan nilai 1.
Kedua, tampilkan nilai i di console jika penghitung kurang dari 5.
Ketiga, tingkatkan nilai counter sebanyak satu di setiap iterasi loop.
- Menggunakan loop JavaScript for tanpa contoh penginisialisasi
Contoh berikut menggunakan perulangan for yang tidak memiliki ekspresi penginisialisasi :
let j = 1;
for (; j < 10; j += 2) {
console.log(j);
}
Hasil :
1 3 5 7 9
- Menggunakan JavaScript for loop tanpa contoh kondisi
Mirip dengan ekspresi penginisialisasi, ekspresi kondisi bersifat opsional. Jika Anda menghilangkan ekspresi kondisi, Anda perlu menggunakan statement break for untuk mengakhiri perulangan.
for (let j = 1; ; j += 2)
console.log(j);
if (j > 10) {
break;
}
}
Hasil :
1 3 5 7 9 11
- Menggunakan JavaScript for statement loop tanpa contoh ekspresi apa pun
Ketiga ekspresi dari statement for loop adalah opsional. Oleh karena itu, Anda dapat menghilangkan semuanya. Sebagai contoh :
let j = 1;
for (;;) {
if (j > 10) {
break;
}
console.log(j);
j += 2;
}
Hasil :
1 3 5 7 9
- Menggunakan JavaScript for loop tanpa contoh loop body
JavaScript memungkinkan statement for memiliki statement kosong. Dalam hal ini, Anda menempatkan titik koma (;) tepat setelah statement for.
Sebagai contoh, berikut ini menggunakan perulangan for untuk menghitung jumlah 10 angka dari 1 sampai 10 :
let jumlah = 0; for (let i = 0; i <= 9; i++, jumlah += i); console.log(jumlah);
Hasil :
55
Kesimpulan
Gunakan JavaScript for statement untuk membuat loop yang mengeksekusi blok berdasarkan menggunakan berbagai opsi. Itu dia penjelasan tentang cara menggunakan for loop di JavaScript.
0 Komentar