Pelajari 3 Jenis Perulangan di Javascript

Setelah sebelunya kita sudah belajar bentuk percabangan yang ada di javascript, artikel ini kita membahas 3 jenis perulangan di javascript yaitu for, while dan do while. Selain javascript di bahasa pemrograman lain seperti C++ dan java juga memiliki ketiga struktur perulangan ini. Berbeda dengan python yang hanya memiliki 2 jenis yaitu for dan while.

Dalam pemrograman pasti akan ada proses untuk mengerjakan perintah yang sama yang harus diulang. Misalnya kita ingin mencetak kalimat Hello world sebanyak 100 kali, apakah kita harus menulis kode document.write(‘Hello world’) sebanyak 100 kali ? tentulah tidak! karena sangat merepotkan dan tidak efisien.

Oleh karena itu di artikel ini kita akan membahas struktur perulangan dasar yang ada di javascript yaitu:

• Perulangan For
• Perulangan While
• Perulangan Do While

Bagaimana penggunaan ketiga jenis perulangan ini ? mari simak pembahasan di bawah ini:

Perulangan For

Penggunaan perulangan for di peruntukan ketika sudah diketahui berapa kali jumlah perulangan yang harus dilakukan berdasarkan kondisi yang ditetapkan.

Bentuk umum:

for (nilai_awal;kondisi;modifier){
    perintah_yang_diulang;
}

Keterangan:

• nilai_awal merupakan nilai yang ditetapkan sebagai nilai awal menjadi patokan perulangan harus dimulai dari nilai ini.
• kondisi merupakan pendefinsian kondisi menggunakan operator relasi/pembanding.
• modifier merupakan bagian dimana kita bisa menentukan berapa jumlah penambahan nilai (increment) atau pengurangan (decrement) dalam proses perulangan.

Setiap Perintah yang berada dalam blok for secara otomatis akan di ulang saat kondisi bernilai benar.

Contoh:

 for (i=1;i<=5;i++){
     document.write("Perulangan for ke-"+i+"<br>")
}

Hasil:

Perulangan for ke-1
Perulangan for ke-2
Perulangan for ke-3
Perulangan for ke-4
Perulangan for ke-5

Dapat dilihat dari contoh diatas perulangan for dilakukan sebanyak 5 kali dari 1 sampai 5 sesuai dengan nilai awal yang ditetapkan yaitu i=1 dengan kondisi i<=5. Ketika kondisi bernilai benar maka nilai i akan ditambahkan 1 (i++) proses ini dinamakan increment.

Dalam proses perulangan nilai i dapat di tambah sesuai yang diinginkan. Misalnya kita ingin menambah 2 dari nilai awal maka modifier yang di definisikan adalah i=i+2.

 for (i=1;i<=5;i=i+2){
     document.write("Perulangan for ke-"+i+"<br>")
}

Hasil:

Perulangan for ke-1
Perulangan for ke-3
Perulangan for ke-5

Hasilnya nilai i dalam proses perulangan akan terus ditambah 2. sehingga hasil output nya adalah 1,3,5.

Contoh Perulangan For Membuat Deret bilangan ganjil genap

for (i=1;i<=10;i++){
    if (i%2==0){
        document.write(i+" adalah bilangan genap <br>")
    }else {
        document.write(i+" adalah bilangan ganjil <br>")
    }
              
}

Perulangan While

Perulangan while pada dasarnya digunakan untuk perulangan yang belum diketahui berapa kali perulangan akan dilakukan. Bentuk umumnya seperti berikut:

while (kondisi){
    perintah_yang_diulang;
}

Selama kondisi bernilai benar (true) perintah dalam blok while akan terus diulang. Untuk menghentikan perulangan kita perlu mengubah nilai agar kondisi bernilai salah (false).

Contoh:

kata=null
counter=0
while (kata!="AKU"){
      kata=prompt("Masukan kata 'AKU'")
      counter++
}
document.write("Kata yang dimasukan benar <br>")
document.write("Kamu mencoba sebanyak "+counter+" kali")

Program diatas kita membuat variabel kata dengan nilai awal null. kemudian counter dengan nilai 0.

Kondisi yang kita tetapkan pada perulangan while adalah jika nilai variabel kata tidak sama dengan ‘AKU’ maka perintah prompt untuk memasukan kata akan terus di ulang. begitu juga dengan nilai counter akan ditambahkan 1 setiap iterasi. Perulangan akan berhenti ketika nilai yang dimasukan adalah ‘AKU’.

Program akan menampilkan hasil jawaban disertai dengan berapa kali proses perulangan berlangsung.

Hasil:

Perulangan Do While

Perulangan do while akan melakukan perulangan minimal satu kali kemudian barulah di cek kondisinya.

Bentuk umum:

do {
   perintah_yang_diulang
} while (kondisi)

Contoh:

i=1
do {
    document.write("Perulangan Do While ke-"+i+"<br>")
    i++
} while (i==1)

Hasil:

Perulangan Do While ke-1

Perhatikan program perulangan do while diatas, seperti yang saya katakan bahwa perulangan do while akan mengerjakan minimal 1 kali baru kemudian di cek kondisinya.

Perulangan akan dilakukan jika kondisi bernilai benar, perulangan akan berhenti jika kondisi salah.

Pada contoh program diatas awalnya nilai i adalah 1 kemudian program akan mencetak perulangan do while ke- i (dalam hal ini ke-1) kemudian nilai i ditambahkan i++ atau kita kenal dengan decrement. Sekarang nilai i adalah 2 kemudian di cek apakah 2 sama dengan 1 ? jawabannya tidak berarti kondisi bernilai false sehingga dengan demikian proses perulangan do while akan berhenti.

Kesimpulan

Sekian pembahasan kali ini dalam seri belajar javascript mengenai perulangan for, while dan do while di javascript. Dapat saya simpulkan bahwa ketiga jenis perulangan ini mempunyai karakteristik yang berbeda namun tetap memiliki substansi yang sama yaitu melakukan perulangan.

Jika pada perulangan for untuk melakukan perulangan yang sudah diketahui berapa kali jumlah perulangan harus dilakukan, sementara pada perulangan while maupun do while digunakan untuk perulangan yang belum diketahui jumlah iterasi yang dilakukan.