BAB II - Aliran Program Pengulangan pada Javascript

27 Jun 2012

4.5
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

BAB II - Aliran Program Pengulangan
Pada Radioku V2.0 Menjadi Aplikasi Desktop saya menjadi lebih terhibur selama online karena ditemani lagu-lagu dari channel radio pilihan.  Namun sayang aplikasi ini hanya berjalan di WIN XP.  Pada WIN 7  sama sekali tak berfungsi. Ini sudah saya coba di PC tempat kerja.


Penyebabnya utamanya sudah ketemu, yaitu karena compiler E-ditor 2 lahir jauh sebelum muncul WIN 7.  Dan E-ditor 2 tidak ada perkembangan karena developernya bangkrut. Mudah-mudahan setelah menerbitkan tutorial  BAB II - Aliran Program Pengulangan,  saya akan mencari compiler lain yang support dengan WIN 7 dan Windows versi lainnya agar Radioku bisa dinikmati sahabat-sahabat pengguna windows selain Win XP.

Mari kita lanjutkan pelajaran Javascript yang masih di Bab II dimana sebelumnya sudah kita bicarakan mengenai Aliran Program Percabangan dan kini kita bahas Aliran Program Pengulangan.



Pengulangan


Pengulangan digunakan untuk mengeksekusi pernyataan-pernyataan beberapa kali. Blok berisi pernyataan-pernyataan yang harus diulang sering disebut loop. Jadi anda bisa mengeksekusi suatu pernyataan sebanyak 100 kali dengan cara menuliskannya didalam loop.


Pernyataan for


Pernyataan yang paling sering digunakan  adalah pernyataan for. Pernyataan ini digunakan bila anda sudah tahu berapa kali pengulangan yang harus dilakukan.


Sintaks : 


for (inisialisasi_pencacah; kondisi; penambahan_pencacah){
    // pernyataan-pernyataan yang akan diulang
}


Contoh kasus :
Tampilkan 10 bilangan cacah pertama ,,,


<script type="text/javascript">
for (i=0; i<10; i++){
    document.write(i);
    document.write(",  ");
}
</script>


Output program di atas terlihat sbb.:
BAB II - Aliran Program Pengulangan


Pernyataan for bersarang


Anda bisa juga menuliskan pernyataan for di dalam pernyataan for. Konstruksi semacam ini sering disebut pernyataan for bersarang. Perhatikan contoh berikut :


<script type="text/javascript">
for (x=1; x<=3; x++){
    for (y=1; y<=3; y++){
        document.write("x = " +   x  + " dan y = "+ y );
        document.write('<br/>');
    }
}
</script>


Output program di atas terlihat sbb.:
BAB II - Aliran Program Pengulangan

 

Pernyataan for .. in


Pernyataan for .. in digunakan untuk melakukan pengulangan berdasarkan anggota-anggota suatu objek. Ini akan kita bahas  pada bab Menciptakan Objek Sendiri


 

Pernyataan while


Pernyataan while biasanya digunakan bila anda belum tahu pasti berapa banyak pengulangan akan dilakukan.  Berhentinya pengulangan ditentukan oleh suatu kondisi.

Sintaks : 


while (kondisi){
    // pernyataan-pernyataan yang akan diulang
}



Contoh : 


<script type="text/javascript">
while (usia != 0){
    var usia = prompt("Berapa usiamu ?", "")
    alert ( "Usiamu adalah " + usia + " tahun !!!")
}
</script>


Program diatas akan terus menanyakan usia anda, selama anda tidak memasukkan angka 0.



Pernyataan while bersarang



Sama sepertipernyataan for, anda bisa juga menuliskan pernyataan while didalam pernyataan while lain. Konstruksi semacam ini sering disebut pernyataan while bersarang.

Contoh : 


<script type="text/javascript">
x=3;
while (x > 0){
    y=1;
    while (y <= 3){
        document.write("Nilai x = " + x + " dan y = " + y);
        document.write('<br/>');
        y++;
    }
    x--;
}
</script>


output program diatas adalah sbb.:

BAB II - Aliran Program Pengulangan


Pernyataan do ... while


Kegunaan dari pernyataan ini hampir sama denan pernyataan while yaitu untuk mengulang beberapa pernyataan apabila jumlah pengulangan belum diketahui. Bedanya pernyataan do ... while  pengujian kondisi dilakukan pada akhir loop.

Sintaks : 


do {
    // pernyataan-pernyataan yang akan diulang
 } while ( kondisi )




Pernyataan Break dan Continue


Pada beberapa kasus anda mungkin ingin menghentikan pengulangan di tengah jalan. Untuk keperluan itulah Javascript menyediakan pernyataan  break.  Anda bisa menggunakan pernyataan break pada pengulangan for ataupun while.

Contoh : 


<script type="text/javascript">
for ( i=0;  i<=100; i++){
    if (i==50)
        break;
</script>


Lihat pada contoh pengulang diatas, saat i mencapai nilai 50,  pengulangan dihentikan karena ada perintah break.

Pernyataan continue  digunakan untuk mengembalikan aliran program ke penguji kondisi pengulangan. Dengan kata lain pernyataan-pernyataan dibawah continue akan diabaikan.

Contoh : 


<script type="text/javascript">
for ( i=1; i<100; i++){
    if ( (  i % 3) != 0 )
        continue;
    document.write (i);
    document.write('<br/>');
}
</script>



Program diatas akan menuliskan semua bilangan kelipatan 3 yang kurang dari 100.  Mengapa demikian? karena bila bilangan yang tidak habis dibagi 3, maka aliran program akan dikembalikan ke pernyataan for oleh pernyataan continue, akibatnya  pernyataan document.write  tidak dieksekusi.





ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika sobat menyukai artikel atau tutorial di blog ini, Silahkan ketik email di sini untuk berlangganan GRATIS via EMAIL , dengan begitu sobat akan mendapatkan kiriman artikel atau tutorial setiap ada yang terbit di Sakahayang Dot Com :


Delivered by FeedBurner



Artikel Terkait:



30 comments

Greenfoot27 Juni 2012 22.08

Pertamax kang

akhirnya menuju ke bab II dari sekian2 aku tunggu..

Perulangan for, do-while, break and continue

sampai situ saya masih ngerti kang, mantap..mantap...

Reply
Adie Konoe Poetra Dyanaz27 Juni 2012 22.10

@Greenfoot Kang out of topic sbntar yo

hehe

pada menu horizontal kang asep yakni tepatnya pada tools ada angka 6 nyosor disampingnya kang

Jadi sperti ini :
Tools6

Reply
Blog Keperawatan27 Juni 2012 22.16

Terima kasih sahabat atas berbagi pengetahuan dan juga informasinya ini.
Menambah perbendaharaan pengetahuan juga

Reply
Kang Asep27 Juni 2012 22.17

@Greenfoot
siiip kalo sudah ngerti,,,
tunggu bab-bab berikutnya ,,,
insyaallah akan sampai tuntas ,,,

wilujeng ngeblog

Reply
Kang Asep27 Juni 2012 22.19

@Adie Konoe Poetra Dyanaziyah sob,,,
sebenarnya itu kode char panah bawah yg menunjukkan bahwa item tools adalah sub menu. Kalau saya test di localhost itu kode muncul sempurna namun setelah dipasang diblog malah muncul angka 6, sepertinya kode tsb nggak support untuk blogger...

wilujeng ngeblog

Reply
Kang Asep27 Juni 2012 22.22

@Blog Keperawatan
sama-sama sob semoga bermanfaat ,,,

wilujeng ngeblog

Reply
ubaybingokil27 Juni 2012 22.55

saya simak dulu ya kanggg ??? Bab II nya,,


sangat membaantu dan bermanfaat,,


Happy Blogging

Reply
Darmawan Saputra28 Juni 2012 06.08

wah.. akhirnya keluar juga nih BAB II, terima kasih informasinya kang..
ijin bookmark dulu mungkin suatu saat akan berguna :D



#Salam Sehat Selalu

Reply
Anrus Daha28 Juni 2012 07.36

Assalamualaikum wr,wb kang abdi teu ngrti pisan nu kiye.sbab abdi teu sakolah. Asana mah moa manpu otak abdi nu kiyeu2 mah.

Reply
Muro'i El-Barezy28 Juni 2012 09.05

ngiring nyimak kang tutorial kang Asep

wilujeung ngeblog:}

Reply
ICAH BANJARMASIN28 Juni 2012 09.09

Wuihhh..sudah nongol ya kang jilid 2 nya..? izin nyimak dulu ya kang Asep sapa tau ada jodoh sama aku..hahhahyyyyyy

Reply
Kang Asep28 Juni 2012 22.03

@ubaybingokil
silahkan sobat ,,

wilujeng ngeblog

Reply
Kang Asep28 Juni 2012 22.03

@Darmawan Saputra
silahkan sob ,,,

wilujeng ngeblog

Reply
Kang Asep28 Juni 2012 22.04

@Anrus Dahahehehe,,, teu ngartosmah ulah dipaksakeung Kang bilih kumaonam ,,, :)

wilujeng ngeblog

Reply
Kang Asep28 Juni 2012 22.05

@Muro'i El-Barezy
Mangga Kang ,,,

wilujeng ngeblog

Reply
Kang Asep28 Juni 2012 22.06

@ICAH BANJARMASIN
silahkan disimak sob ,,,

wilujeng ngeblog

Reply
Cilembu29 Juni 2012 10.25

banyak ketinggalan nih kang, bab.1 belom sempet baca, udah masuk bab.2(Aliran program pengulanganpada javascript)..bakal nilai E yeuh ah...
maklum kejar setoran kang.
salam sehat we nya'.

Reply
k-islamic29 Juni 2012 13.58

mantap infonya kang..
semoga bisa cepat sampai selesai

Reply
Rozak29 Juni 2012 14.05

boleh juga nih infonya kang..
ijin nyimak

Reply
Raihan Marie Ramadhan29 Juni 2012 16.25

Menyimak sambil buka-buka yang lainnya.
Makasih Kang,wilujeng ngeblog

Reply
BlogS of Hariyanto30 Juni 2012 11.14

belajar javascript di sini...asyik :)

Reply
Portal Kesehatan30 Juni 2012 22.00

Bahasa pemograman seperti ini saya kurang dapat mengerti karena memang latar belakang dunianya yang berbeda kali yah...
Tetapi tidak ada salahnya belajar akan hal ini. Semakin banyak belajar maka tentunya akan semakin banyak ilmu yang didapatkan.

makasih atas sharingnya sobat

Reply
Opick Taopik30 Juni 2012 23.16

hanya bisa baca, gak bisa praktek :D

Reply
Kang Asep30 Juni 2012 23.44

@Cilembusibuk bisnis Pak Kades?,,, sami abdi oge sibuk pisan,, tapi lumayanlah malam mah rada nyantai,,,

wilujeng ngeblog

Reply
Kang Asep30 Juni 2012 23.51

@k-islamic
kalo cepat2 nanti nggak bakalan ngerti sob ,,,

wilujeng ngeblog

Reply
Kang Asep30 Juni 2012 23.54

@Rozaksilahkan sob ,,,

wilujeng ngeblog

Reply
Kang Asep30 Juni 2012 23.58

@Raihan Marie Ramadhan
silahkan Kang ,,,

wilujeng ngeblog

Reply
Kang Asep30 Juni 2012 23.59

@BlogS of Hariyanto
silahkan sob ,,,

wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 00.00

@Portal Kesehatan
sama sob, sebenarnya background saya juga bukan dari Teknik Komputer ,,, bisa pemograman belajar otodidak dari internet,,, :)

wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 00.04

@Opick Taopik
praktekkan sob biar cepat mahir ,,,

wilujeng ngeblog

Reply
[[- Click Untuk Buka Form Komentar Klasik-Nya -]]

colored comment

[[ DOFOLLOW BLOG!!! Jangan Berkomentar SPAM... ]]
Dimohon jangan menulis LINK, kalau maksud sobat menunjukkan alamat blog anda pilih Name/URL pada option profile:
Bila ada LINK / URL akan saya HAPUS !!!


MAAF, TIDAK MENERIMA COMMENT TUKANG OBAT !!!

left

NuEnggal

NuKomen

Sobat Sakahayang

Sakahayang's Statistic



Check Google Page Rank


..

Ingin meningkatkan traffic pengunjung dan popularity blog anda secara cepat dan tak terbatas? Serahkan pada saya, saya akan melakukannya untuk anda Gratis!! klik DISINI-1 dan DISINI-2