Contoh perulangan while pada javascript

Question

Cara Penulisan dan Penggunaan (Looping) Perulangan WHILE Pada Javascript

Oleh Admin

Table of Contents Show

Memahami Cara Penulisan While Pada Javascript
Bagaimana membuat perulangan while di javascript?
Apa itu while Javascript?
Apa yang dimaksud perulangan while?
Apa perbedaan pengulangan menggunakan for dan while?

Looping atau perulangan while digunakan untuk melakukan pengulangan sebuah variable dalam suatu kondisi dengan melakukan pengecekan kondisi diawal perulangan. Artinya terdapat dua kemungkinan suatu kondisi antara bernilai TRUE atau FALSE untuk menentukan program akan masuk kedalam aksi atau tidak.

Memahami Cara Penulisan While Pada Javascript

Cukup mudah untuk memahami perulangan while di javascript karena hampir sama dengan struktur IF Else keduanya terletak pada posisi pengecekan kondisi. Dimana suatu kondisi akan diperiksa terlebih dahulu diawal perulangan kemudian jika suatu kondisi atau variabel bernilai benar (true) maka masuk kedalam aksi looping. Begitupun sebaliknya apabila suatu kondisi bernilai salah (false) maka akan keluar dari aksi perulangan.

Contoh cara penulisan perulangan while pada javascript sebagai berikut :

Nah, penulisan dasar nya ialah menentukan suatu kondisi (suatu_kondisi) kemudian akan masuk ke aksi yang diperintahkan {aksi / perintah yang akan diulang}

Untuk lebih jelasnya saya akan berikan beberapa contoh penggunaan while di javascript sebagai berikut.

Contoh program perulangan while dengan javascript

<script type="text/javascript">
 while(true){
    console.log('Hello World!');
 }
</script>

Hasil :

Contoh program diatas akan masuk kedalam infinite loop atau loop nya tidak akan pernah berhenti. Nah untuk menghentikannya bagaimana ?

Ada beberapa cara untuk menghentikan program perulangan yaitu bisa dihentikan oleh user atau oleh program itu sendiri dengan memberikan batas yang ditentukan.

Berikut contoh program perulangan while yang dihentikan oleh user menggunakan pop-up box javascript.

<script type="text/javascript">
 var ulang = true;
 while(ulang){
  console.log('Hello World!');
  ulang++;
  ulang = confirm('Lagi ?');
 }
</script>

Hasil :

Program akan akan masuk kedalam perulangan selama ulang bernilai true yaitu dengan memberikan perintah menggunakan dialog confirm(). Yang telah kita ketahui bahwa pop-up box confirm() berisi nilai boolean antara pilih Oke = TRUE dan Cancel = FALSE.

Selain itu anda bisa menghentikan sebuah program perulangan while dengan batas yang bisa ditentukan sebagai berikut contohnya.

<script type="text/javascript">
 var ulang = 1;
 while(ulang<=10){
  console.log('Hello World! '+ulang);
  ulang++;
 }
</script>

Hasil :

Pada contoh diatas, saya memberikan nilai pada variabel ulang = 1 kemudian saya berikan nilai akhir ulang <=10 yakni artinya perulangan akan dilakukan sebanyak 1 sampai 10 kali.

Berbagi

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.

Bagaimana membuat perulangan while di javascript?

Perulangan Do/While di Javascript Bentuknya seperti ini: do { // blok kode yang akan diulang } while (<kondisi>); Jadi perbedaanya: Perulangan do/while akan mengecek kondisi di belakang (sesudah mengulang), sedangkan while akan mencek kondisi di depan atau awal (sbelum mengulang).

Apa itu while Javascript?

Pengulangan while digunakan untuk melakukan pengulangan suatu kelompok perintah berdsarkan suatu kondisi, dengan pemeriksaan dilakukan diawal bagian pengulangan. Pengulangan akan terus dilakukan selama pemeriksaan kondisi adalah benar, dan akan berhenti jika kondisi salah.

Apa yang dimaksud perulangan while?

while digunakan untuk mengulang statement sebanyak satu kali terlebih dahulu, kemudian akan mengecek statement didalam while apakah bernilai benar, jika bernilai benar maka akan diulang kembali. Jika statement di dalam while bernilai salah maka perulangan akan berakhir.

Apa perbedaan pengulangan menggunakan for dan while?

Perbedaannya adalah perulangan for biasanya digunakan untuk mengulangi kode yang sudah diketahui banyak perulangannya. Sementara while untuk perulangan yang memiliki syarat dan tidak tentu berapa banyak perulangannya.

kode javascript