Tutorial JavaScript Pemula Part 3 : Belajar Perulangan Pada JavaScript
Tutorial JavaScript Pemula Part 3 : Belajar Perulangan Pada JavaScript - Hello everyone selamat datang kembali diwebsite saya belajarwithib.my.id, pada seri kali ini kita akan memasuki Seri baru yaitu Belajar Perulangan Pada JavaScript.
Masih yang sama dengan tutorial sebelumnya yang berjudul Memahami Konsep Dasar JavaScript, sekarang adalah kelanjutannya yang dimana kita akan belajar mengenai perulangan, continue dan break pada javascript secara singkat.
Perulangan Pada JavaScript
Pada tutorial kali ini saya akan menjelaskan dan sekaligus menerangkan 3 perulangan pada javascript yaitu :
- Perulangan For
- Perulangan While
- Perulangan Do While
Kenapa mesti kita belajar perulangan? Perulangan ini banyak sekali gunanya terutama jika kamu ingin menampilkan banyak data hanya sedikit code yang ditulis, misalnya seperti dibawah ini :
document.write("Saya Sedang Belajar");
document.write("Saya Sedang Belajar");
document.write("Saya Sedang Belajar");
document.write("Saya Sedang Belajar");
document.write("Saya Sedang Belajar");
document.write("Saya Sedang Belajar");
document.write("Saya Sedang Belajar");
Terlihat sangat ribet sekali jika kita mengulangi code yang sama untuk menampilkan hal yang sama, namun jika kamu menggunakan perulangan maka code nya akan jauh lebih singkat dan lebih rapi, perhatikan contoh dibawah ini :
var ulang = 0;
while(ulang < 10){
document.write("Saya Sedang Belajar" + "<br>");
ulang++;
}
Maka Hasilnya akan menampilkan kalimat “Saya Sedang Belajar” sebanyak 10 kali sesuai dengan jumlah yang kita tentukan.
Tanpa berlama-lama inilah penjelesan dari setiap perulangan pada javascript.
1. Perulangan For
Perulangan ini biasanya digunakan untuk menjalankan sebuah program berulang-ulang dengan menentukan nilai awal, nilai akhir, dan penambahan/pengurangan nilai. Cara penulisanya akan seperti berikut ini:
for(nilai_awal; kondisi; modifier){
pernyataan yang akan diulang;
}
Sedikit penjelasan mengenai penulisan perulangan for pada javascript, yaitu
- Nilai Awal : itu adalah nilai yang ditetapkan menjadi patokan perulangan yang nantinya akan dimulai dari nilai tersebut.
- Kondisi : biasanya kondisi ini menggunakan perbandingan atau operator relasi.
- Modifier : bagian yang dimana kita dapat menentukan jumlah penambahan nilai (increment) atau pengurangan (decrement).
- Pernyataan : ini lah yang akan diulang-ulang oleh program.
Contohnya perhatikanlah code dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript</title>
<script>
for (var i = 0; i < 10; i++) {
document.write("Saya Sedang Belajar" + "<br>");
}
</script>
</head>
<body>
</body>
</html>
Maka hasilnya akan seperti dibawah ini :
Untuk mengubah nilai silahkan ubah pada nilai dikondisinya.
2. Perulangan While
Perulangan ini biasanya digunakan untuk menjalankan sebuah program berulang-ulang selama kondisi yang ditentukan terpenuhi. cara penulisannya seperti dibawah ini :
while(kondisi){
pernyataan;
}
Contoh program sederhananya, perhatikanlah code dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript</title>
<script>
var ulang = 0;
while(ulang < 10){
document.write("Saya Sedang Belajar" + "<br>");
ulang++;
}
</script>
</head>
<body>
</body>
</html>
Hasilnya tetap sama seperti contoh perulangan for.
3. Perulangan Do While
Perulangan Do While biasanya digunakan untuk menjalankan sebuah program secara berulang-ulang selama kondisi yang ditentukan di akhir terpenuhi. Hampir sama dengan while, hanya kondisi ditulis di akhir. cara penulisannya seperti dibawah ini :
do{
Pernyataan;
} while(kondisi);
Contohnya akan seperti dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript</title>
<script>
var ulang = 0;
do{
document.write("Saya Sedang Belajar" + "<br>");
ulang++;
}while(ulang < 10){
document.write("Total keselurahan : " + ulang );
}
</script>
</head>
<body>
</body>
</html>
Hasilnya akan seperti dibawah ini :
Silahkan berjelajah sendiri dengan merubah code codenya agar kamu jauh lebih mengerti.
Continue dan Break
Continue digunakan untuk melewati suatu perulangan karena kondisi tertentu. Sedangkan break digunakan untuk menghentikan paksa suatu perulangan sebelum kondisi perulangan berakhir karena kondisi tertentu.
Contoh programnya seperti dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript</title>
<script>
var ulang = 0;
while(ulang < 10){
ulang++;
if (ulang == 2) {
continue;
}
if (ulang == 5) {
break;
}
document.write("Angka " + ulang + "<br>");
}
</script>
</head>
<body>
</body>
</html>
Hasilnya akan seperti dibawah ini :
Pada perulangan terdapat perintah continue yang artinya bahwa jika sudah bertemu dengan angka 2 maka perulangan akan melewatinya dan pada perulangan juga terdapat perintah break yang artinya jika bertemu angka 5 maka perulangan akan dihentikan walaupun dikondisi harus mencapai nilai 10.
Penutupan
Belajar perulangan ini sangat banyak manfaatnya seperti yang sudah saya jelaskan diatas, jadi untuk agar kamu jauh lebih mengerti silahkan menjelajah sendiri dengan mengubah nilai dan kondisi pada perulangannya untuk mendapatkan hasil yang berbeda.
Semoga Bermanfaat!!