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>

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>

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>

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…….

2 comments:

basyar_a admblog said...: artikel mantap Gan, kunjungan perdana
lam kenal Gan, thanks
http://filmtitanic.blogdetik.com/; July 22, 2012 at 7:24 AM Tanggapi Komentar
Unknown said...: Gan ane mau nanya klo buat looping begiania gmna yaah :
input angka 1-10 dmna 1-5 dtmbh 2,,trs 6-10 dtmbh 3,dan outputnya berupa : 3,4,5,6,7,8,9,10,11,12,13

Tlong ya gan,..thanks..; October 30, 2012 at 2:21 PM Tanggapi Komentar