Perulangan Menggunakan FOR dan While Pada Javascript

Hi teman-teman selamat tahun baru 2021, di tahun baru ini kita akan melanjutkan tutorial Javascript tentang perulangan disini kita akan mempelajari pengulangan for dan while.

Perulangan dalam sebuah pemprograman santa berguna, sebagai contoh jika akan menampilkan string secara berulang-ulang sebanyak 10 kali kita tidak perlu menulis sebanyak 10 kali, kita tinggal menggunakan pengulangan for, tidak hanya bisa mengulang dalam bentuk string tetapi kita juga bisa menjalankan method secara berulang.

Selanjutnya buat file latihan.html dengan kode sederhana sebagai berikut, dengan penempatan file javascript terpisah.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Javascript</title>

</head>

<body>
    <h1>Hello World</h1>

    <script src="script.js"></script>
</body>

</html>

kemudian buat file ( script.js ) javascript yang akan kita gunakan

// pengulangan dengan for 

for ( var nilaiAwal = 1; nilaiAwal <= 10; nilaiAwal++){
    console.log('Hello wolrd.. ' + nilaiAwal + 'x');
}

Selanjutnya kita buka browser dan jalankan console sebagi berikut maka akan menampilkan hasil Hello world sebanyak 10 x.

Ok disini kita bisa menyimpulkan struktur perulangan FOR dengan Javascript membutuhkan 4 perintah

  • Kondisi awal perulangan
  • Kondisi akhir perulangan
  • Baris program yang akan diulang
  • Increment / kenaikan dalam setiap pengulangan.

Berikut format dasar yang digunakan dalam struktur for :

for (kondisi_awal, Kondisi_akhir, increment) {
    //  Baris program yang akan diulang
}
// pengulangan dengan for 
for ( var nilaiAwal = 1; nilaiAwal <= 10; nilaiAwal++){
    console.log('Hello wolrd.. ' + nilaiAwal + 'x');
}

Pada baris pertama program kita deklarasikan variabel nilaiAwal, selanjutnya berapa kali jumlah perngulangan yang akan dilakukan dan pengulangan increment akan bertambah terus sampai batas perulangan 10 x akan berhenti.

Dengan mengubah kondisi nilai awal, nilai akhir dan increment maka kita bisa dengan mudah mengatur pengulangan sesuai dengan keinginan kita.

Selanjutnya kita akan mempelajari Perulangan dengan While.

Struktur pengulangan kita bahas kali ini adalah while cara penulisan perulangan while mirip dengan struktur logika if yakni kondisi perulangan akan diperiksa diawal, jika kondisi perulangan TRUE, maka perulangan akan terus dilakukan sampai dengan kondisi bernilai FALSE, berikut struktur penulisan pengulangan While.

while (kondisi ) {
    // kode program
}

Berikut contoh kode pengulangan dengan while.

Buat file latihan.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar Javascript</title>

</head>

<body>
    <h1>Hello World</h1>

    <script src="script.js"></script>
</body>

</html>

Selanjutnya buat file script.js

var nilaiAwal = 1;
while(nilaiAwal <= 10){
    console.log('Hello wolrd '+ nilaiAwal + 'x');
    nilaiAwal++;
}

Kunci yang membedakan struktur perulangan FOR dan WHILE adalah didalam pengulangan FOR kondisi akhir perulangan harus sudah diketahui pada awal program, sedangkan dalam perualngan WHILE, kita bisa membuat perulangan yang nilai akhir atau kondisinya belum diketahui pada saat perulangan dimulai.

Hasil dari kode yang kita buat diatas dengan menggunakan while adalah sebagai berikut :

Hasil tampilan akan menampilkan Hello World sebanyak 10 x menggunakan perulangan while.

ok terima kasih teman-teman yang telah membaca tutorial ini sampai selesai, semoga bisa bermanfaat, kita berjumpa kembali pada tutorial yang akan datang yang lebih menarik.

Share and Enjoy !

You may also like...

1 Response

  1. January 11, 2021

    […] pada tutorial Javascript sebelumnya kita mempelajari tentang Perulangan For dan While di Javascript maka pada tutorial kali ini kita masuk pada pembahasan tentang Struktur logika if else pada […]