DeretCode|

Tips, Trik dan Tutorial
Seputar IT, Coding, Internet Marketing, Keahlian, Pendidikan, Hobi Dan Lainnya
Night :

Tutorial Lengkap Belajar Javascript # Membuat perulangan proses

advertisement

Pada artikel sebelumnya kita sudah belajar tentang algoritma percabangan pada javascript.
Langkah selanjutnya adalah belajar membuat sebuah proses yang diulang sebanyak bilangan yang ditentukan atau selama kondisi tertentu.
Pada dunia nyata tentu kita pernah melakukan suatu hal secara berulang-ulang seperti berjalan, kita menggerakan kaki kiri dan kaki kanan secara terus-menerus dari titik A ke titik B atau contoh lain yang lebih jelas adalah kalian menggerakan mata dari kiri kekanan terus menerus ketika membaca artikel ini.
Itulah yang akan kita pelajari pada tutorial javascript kali ini.
Yuk kita langsung saja ketutorialnya

Apa itu perulangan pada javascript

Perulangan adalah sebuah proses yang dilakukan dengan jumlah yang sudah ditentukan atau ketika sebuah kondisi bernilai true. Ini memungkinkan sebuah proses yang sama dapat dilakukan berulang kali tanpa perlu mengulang penulisan kode.
Membuat perulangan proses
Dengan fungsi perulangan pada javascript kita hanya perlu menulis satu "proses" yang akan dilakukan kemudian sistem akan mengulang "proses" tersebut.
Perulangan terbagi menjadi dua bagian yaitu perulangan countable dan perulangan uncountable.

Apa itu perulangan countable

Perulangan countable adalah perulangan yang dapat diperkirakan jumlah perulangannya sehingga kita dapat memutuskan berapa kali suatu proses dilakukan.
Kelebihan perulangan countable
1. Perulangan dapat diprediksi
    Seperti yang sudah dijelaskan, karena perulangan ini berpatokan pada angka maka jumlah perulangan dapat diprediksi. 
2. Kecil kemungkinan terjadi ifinite loop (perulangan tak terhingga)
    Perulangan countable bersifat static sehingga kemungkinan terjadi perulangan tak terhingga sangat kecil. Jika terjadi infinite loop itu pasti karena kesalahan pengkodingan atau programmer tidak memahami penggunaan fungsi perulangan countable itu sendiri.
Kekurangan perulangan countabel
Perulangan tidak fleksibel, artinya jumlah perulangan tidak dapat dirubah ketika perlungan sedang berlangsung. Sebenarnya kita bisa saja mengakalinya dengan merubah nilai parameter didalam blok proses, tapi hal tersebut tidak akan pernah dilakukan oleh seorang programmer expert karena akan merubah fungsi dari perulangan countable itu sendiri.
Bentuk-bentuk perulangan countable pada javascript
1. Perulangan For
Berikut struktur perulangan menggunakan for.
Membuat perulangan proses
Berikut adalah contoh kode perulangan menggunakan  for.
for(let i = 0 ; i < 10 ; i = i+1)
{
    document.write(i);
}
/*Hasilnya
------------------
0123456789
------------------*/
2. Perulangan Foreach
Perulangann Foreach digunakan untuk mengembil nilai pada sebuah array atau list data
Berikut perulangan struktur perulangan menggunakan foreach.
Membuat perulangan proses
Kenapa pada stuktur yang pertama menggunakan  for?
Ya karena pada bahasa pemrogramman yang lain, struktur tersebut adalah struktur untuk Foreach
Jadi anggap saja, bahwa itu adalah fungsi untuk Foreach.
Sedangkan pada struktur yang kedua, kita menggunakan fungsi bawaan dari variabel array, yaitu   ForEach.
Semoga kalian semua tidak bingung :).
Berikut contoh kode dari kedua struktur diatas.
var buah = ["apel","mangga","jeruk"];
for(i in buah)
{
   document.write('Buah i : '+ buah[i] +' <br/>');
}
document.write('<br/>');
function printBuah(item){
   document.write('Buah : '+ item +' <br/>');
}
buah.forEach(printBuah);
/*Hasilnya
------------------
Buah : apel
Buah : mangga
Buah : jeruk

Buah : apel
Buah : mangga
Buah : jeruk
------------------*/

Apa itu perulangan uncountable

Perulangan uncountable adalah perulangan yang tidak dapat diperkirakan jumlah perulangannnya sehingga yang menjadi patokan perulangan tersebut adalah kondisi sebuah parameter.
Kelebihan perulangan uncountable
Fleksibel artinya jumlah perulangan ketika perulangan tersebut sedang berlangsung, bisa berubah-ubah tergantung kondisi yang menjadi parameter.
Kekurangan perulangan uncountable
Besar kemungkinan terjadi infinite loop. Ini bisa terjadi karena perulangan ditentukan oleh kondisi parameter. Jika parameter bernilai true terus menerus maka perulangan tidak akan pernah berhenti
Bentuk-bentuk perulangan uncountable pada javascript
1. Perulangan while.
Perulangan uncountable yang pertama adalah while.
Perulangan ini akan mengecek kondisi sebelum "proses" dilakukan.
Contoh kode perulangan menggunakan while.
var counter=0;
var kondisi = confirm("Jumalah loop: "+counter+" \nUlangi lagi?");;
while(kondisi)
{
  counter = counter + 1;
  kondisi = confirm("Jumalah loop: "+counter+" \nUlangi lagi?");
}
Hasilnya
Membuat perulangan proses

2. Perulangan do while.
Berbeda dengan while. Perulangan do while mengecek kondisi setelah proses dilakukan sehingga pada perulangan ini akan terjadi "proses" minimal 1 kali.
Contoh kode perulangan do while.
var counter=0;
do
{
  counter += 1; // Penulisan inkremen secara sederhana, hasilnya sama seperti counter = counter + 1;
  kondisi = confirm("Prose ke: "+counter+" \nUlangi lagi?");
}
while(kondisi);
Hasilnya
Membuat perulangan proses

3. Perulangan rekursif
Perulangan uncountable yang terakhir ini akan rumit sehingga sehingga perlu artikel khusus untuk menjelaskannya secara detail, kalian bisa baca artikel apa itu rekursif yang sudah saya posting.
Penjelasan sederhananya, rekursif adalah perulangan yang dilakukan dengan cara membuat sebuah fungsi memanggil dirinya sendiri.
Contoh kodenya seperti berikut
var counter=0;
function rekursif()
{
  counter++; // penulisan inkremen secara sederhana hasilnya sama seperti counter = counter + 1
  kondisi = confirm("Prose ke: "+counter+" \nUlangi lagi?");
  if (kondisi) rekursif();
}
rekursif();
Hasilnya
Membuat perulangan proses
Perulangan rekursif akan kita gunakan ketika kita ingin membuat menu multi level, group level, bagan struktur organisasi, treeview, artificial intelligence dan lain sebagainya.

Sampai disini tutorial cara mengulang sebuah proses di javascript.
Jika kalian merasa artikel ini bermanfaat silahkan klik tombol share.
Jika ada pertanyaan atau ada hal yang ingin disampaikan silahkan tulis di kolom komentar.
Good luck!
advertisement



0 Komentar untuk " Tutorial Lengkap Belajar Javascript # Membuat perulangan proses"

Silahkan berkomentar dengan baik dan bijak!