2 Belajar JavaScript Bagian 9 ( Looping - For )
Sebelum membahas materi tentang for, sebelumnya kita harus paham dulu dengan istilah looping. Dalam dunia pemrograman, looping diartikan sebagai perulangan, yang ditujukan untuk mengulang-ulang proses tertentu sampai kondisi yang diinginkan tercapai. Contohnya, jika anda ingin menampilkan urutan angka dari 1 sampai 7777 apakah anda akan menuliskanya manual pada kode anda? tentu sangat aneh rasanya, oleh karena itu sang looping dilahirkan didunia pemrograman untuk menyelesaikan masalah sejenis ini, sehingga cukup dengan syntax yang simple kita dapat menuliskan angka-angka tersebut tanpa bertindak yang tak perlu.
Salah satu dari beberapa metode looping dalam javascript adalah menggunakan For. Berikut Syntax-syntax dan contohnya,
Syntax For loop :
for(variable;kondisi_variable;penambahan_variable){
code-code yang diinginkan;
}
Berikut contoh penggunaan dan variasinya,
1. Contoh Looping For dengan Increment
Code :
<html>
<head>
<title>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</title>
</head>
<body>
<h4>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</h4>
<script type="text/javascript">
var x;
for(x=1;x<10;x++){
document.write(x+"<br/>");
}
</script>
</body>
</html>
Hasil :
Tujuan dari contoh diatas adalah untuk menjelaskan kegunaan for dengan metode increment (menambahkan variable dengan 1) sehingga variable looping akan terus ditambahkan dengan nilai 1 sampai nilai variable tersebut tidak lebih besar dari 9. Dan pada setiap looping terjadi maka program akan menampilkan nilai variable saat ini.
2. Contoh Looping For dengan Decrement
Code :
<html>
<head>
<title>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</title>
</head>
<body>
<h4>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</h4>
<script type="text/javascript">
var x;
for(x=100;x>=90;x--){
document.write(x+"<br/>");
}
</script>
</body>
</html>
Hasil :
Pada contoh kali ini metodenya sama dengan contoh yang pertama, hanya bedanya variable looping disini dikurangi dengan 1.
3. Contoh Looping For Custom
Code :
<html>
<head>
<title>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</title>
</head>
<body>
<h4>Contoh JavaScript - Looping dengan For (By. CobaLihatSaja.com)</h4>
<script type="text/javascript">
var x;
var y;
y=1;
for(x=0;x<=70;x+=7){
document.write("Hasil Loop ke-"+y+" = ");
document.write(x+"<br/>");
y++;
}
</script>
</body>
</html>
Hasil :
Pada contoh diatas, kita menentukan sendiri step penambahan variablenya dengan menambahkannya dengan 7 sampai nilai variable tersebut tidak lebih dari 70. Selain itu kita menggunakan bantuan variable “y” yang digunakan untuk merekam nomor urut looping, variable “y” akan terus ditambahkan dengan 1 sampai proses looping berhenti. Mudah bukan? Selamat menjajal...
Salam Persahabatan…….