Beberapa waktu yang lalu ada temen minta dibuatin module pembelajaran mengenai Javascript Conditional and Loop Control Statements, karna bingung mulai dari mana dan stepnya kemana (ngga berbakat jadi dosen pengajar nih hahah) jadinya cuman 5 halaman folio (sengaja di banyakin contoh biar lebih banyak halaman heheh) dengan penjelasan singkat dan tu de poin sambil berharap yang baca ngga malah tambah bingung 
berikut ini adalah ringkasan hasil-nya.
IF , IF Else, dan IF Elseif
Conditional statement if seperti di bahasa pemrogramman lain digunakan untuk mem-filter suatu ekspresi kondisi dan kemudian memberikan action berdasarkan hasil filter tersebut.
Satu ekspresi:
{
document.write (‘manis’);
}
Dua ekspresi:
{
document.write (‘manis’);
}else{
document.write (‘pahit’);
}
Tiga atau Lebih ekspresi:
{
document.write (‘manis’);
}elseif( variable==‘asam’ ){
document.write (‘masam’);
}elseif( variable==’sambal’ ){
document.write (‘pedas’);
}else{
document.write (‘pahit’);
}
Switch Statement
Conditional loop switch merupakan alternatif bentuk perulangan IF ELSEIF ELSE, digunakan untuk melakukan perulangan berdasarkan sebuah nilai ekspresi dan kemudian memberikan action berdasarkan kemungkinan nilai-nilai hasil evaluasi.
switch(nilai)
{
case “satu”:
document.write(“nilai 1″);
break;
case “dua”:
document.write(“nilai 2″);
break;
case “tiga”:
document.write(“nilai 3″);
break;
default:
document.write(“nilai tidak diketahui”);
break;
}
bentuk switch di javascript identik dengan blok perulangan switch dalam pemrogramman PHP baik dari sisi sintaks maupun fungsinya, sedangkan di ASP bentuk ini ekivalen dengan blok perulangan select case … end select.
While
Conditional loop while mempunyai fungsi untuk melakukan perulangan berdasarkan satu nilai ekspresi, perulangan akan dijalankan selama ekspresi bernilai benar
while (i <= 10)
{
document.write (i);
i++;
}
Do While
Conditional loop do while mempunyai fungsi yang hampir sama dengan while, dengan do while blok javascript akan djalankan sebelum evaluasi terhadap nilai ekspresi.
do
{
document.write (i);
i++;
}while (i <= 10)
Perbedaan while dengan do while
Dengan conditional loop while evaluasi dijalankan sebelum eksekusi blok perulangan, sedangkan dengan do while evaluasi dijalankan setelah eksekusi blok perulangan
Do while akan menjalankan minimal 1 kali blok perulangan jika evaluasi pertama bernilai false, sedangkan while tidak akan menjalankan sama sekali jika evaluasi pertama bernilai false
untuk lebih jelasnya jalankan blok kode berikut:
var i = 11;
while (i <= 10)
{
document.write (“Nilai:”+i);
i++;
}
document.write (“<p>Do While</p>”);
var i = 11;
do
{
document.write (“Nilai:”+i);
i++;
}while (i <= 10)
Dari contoh kode diatas hasilnya while tidak akan mencetak nilai aapun sedangkan do while akan mencetak nilai 11.
For
Loop (perulangan) For digunakan untuk melakukan perulangan (menjalankan blok script berulang-ulang) dengan batasan nilai awal, nilai akhir dan step (tingkatan nilai perulangan).
Menuliskan angka 1 sampai 10:
{
document.write (i);
}
Menuliskan angka ganjil dari 1 sampai 10:
{
document.write (i);
}
Untuk menuliskan nilai huruf dari 1 sampai 10
for (i=0;i<huruf.length;i++)
{
document.write((i+1)+“=”+huruf[i]+“<br />”)
}
Lihat nilai awal “i=0″ dan Nilai akhir “i<huruf.length”, mengapa mulai dari 0 bukan dari 1? dan kenapa nilai akhir tidak “i<=huruf.length”?, karena index dari array (seperti yang digunakan pada contoh diatas) selalu dimulai dari angka 0. Untuk lebih jelasnya coba jalankan kode berikut
for (i=0;i<=huruf.length;i++)
{
document.write((i+1)+“=”+huruf[i]+“<br />”);
}
Hasilnya adalah undefined nlai pada index ke-11 karena jumlah array adalah 10 dan index maksimum adalah 9(n-1=>10-1). Jadi pada contoh kode diatas akan menuliskan index dari 0 sampai 10 yang berarti index ke-10 tidak ada, dan kalau logika ini dijalankan di ASP akan menghasilkan nilai out of range.
For in
Conditional loop for in digunakan untuk melakukan perulangan terhadap sebuah nilai koleksi (array).
for (i in huruf)
{
document.write(“huruf ke “+i+“=”+huruf[i]+“<br />”)
}
Manipulasi Proses Perulangan
Bagaimana menghentikan sebuah proses perulangan pada suatu kondisi tertentu di tengah eksekusi blok perulangan itu sendiri? Bagaimana Memanipulasi hasil dengan melewatkan sebuah kondisi perulangan tanpa menghentikan proses perulangan tersebut? untuk ke-dua tujuan ini javascript memiliki statement Break dan Continue.
Break: menghentikan proses perulangan pada suatu kondisi tertentu
while (i < 10)
{
i++;
if(i==8) break;
document.write (i);
}
pada contoh diatas proses looping akan dihentikan apabila variable i bernilai 8 hasilnya adalah deret angka 1 sampai dengan 7
Continue: Melewatkan sebuah kondisi dalam proses perulangan tanpa menghentikan keseluruhan proses.
while (i < 10)
{
i++;
if(i==8) continue;
document.write (i);
}
Hasil eksekusi contoh kode diatas adalah deret nilai 1 sampai 10 kecuali nilai 8
Note
Masih bingung? ya itulah kenapa saya tidak pernah menyanggupi untuk jadi Dosen pengajar karena bukan saja saya tidak bisa berpakaian rapi dengan segala tetek bengek aturan yang harus ditepati, bukan juga karena saya merasa tidak punya legalitas yang cukup, tetapi lebih karena saya tidak bisa bangun pagi dan tidak mampu bercuap-cuap untuk membuat mereka mengerti dengan apa yang saya jelaskan hahahah …. enjoy your day while you can, lay down in my bed anytime i need is an absolute joy.
Saya Mau mempelajari Javascript, jadi saya kekurangan panduan untuk mempelajari Javascript. Jadi saya minta tolong agar dikirimkan ke email di atas “Panduan Praktis Mempelajari Javascript”
kalo panduan praktis banyak di internet silakan googling ajah,
saya sendiri tidak punya hard copy mengenai panduan praktis itu hanya beberapa buku tua yang saya pikir bisa di dapet di gramedia
ak mo minta tlg neh..
bisa bantuin gak ngitung rata-rata dari sejumlah data yang bergeser..
mis datanya 3 5 6 7 9 6
rata2 1 = (3 5 6)/3=4.6
rata2 2 = (5 6 7)/3=6
rata2 3 = (6 7 9)/3=7.3
rata2 4 = (7 9 6)/3=7.3
gmn ya kalo dalam skrip phpnya, aku dah coba tapi gak berhasil..
moga2 bisa bantuin. thanks sebelumnya
Wah makasih banget artikelnya benar-benar sangat bermanfaat.
thank’x
The tips sure look good enough but I wish I understood the language a little bit more.
nice articles, my suggestion, next time considering to using english when create sample, so other people can understood.
hmmmmmm
gmna ya?