Perulangan dalam JavaScript - Praktikum 8 Part 1

 

Assalamualaikum warahmatullahi wabarakatuh

Bagaimana kabarnya sobat-sobat sekalian? saya harap baik-baik saja yah, disini juga Alhamdulillah baik-baik saja. Sobat, jangan lupa bersyukur dan belajar yah. 

Okey, izinkan saya memperkenalkan diri terlebih dahulu, perkenalkan: 

Ilham Prabu Zaky Setiawan
XI RPL 2
Absen 15
SMK Negeri 4 Bandung


Okey, langsung saja ke inti pembahasan.
Jadi dipertemuan kali ini tuh kita akan membahas perulangan dalam JavaScript, dimulai dari bagaimana cara kerjanya, fungsinya untuk apa?, bagaimana pengimplementasiannya?, hingga latihannya.

Sudah tidak sabar bukan? Mari kita pelajari bersama.

Struktur Kontrol Perulangan

Merupakan struktur yang memungkinkan untuk menjalankan kode program yang sama beberapa kali dengan menggunakan suatu kondisi
tertentu. 
Perulangan dalam JavaScript
memiliki tiga bentuk perulangan, yaitu:
  • for
  • while
  • do while

Perulangan For 

merupakan perulangan yang dilakukan dengan menentukan length  dari loop atau condition dalam scope for, yang setelahnya ditambahkan increment atau decrement didalamnya.

Perulangan ini merupakan perulangan yang paling sering dipakai untuk hal-hal yang berkait dengan item loop. 
Berikut contoh penulisannya: 

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>
<body>
     <p id="for">
     <script>

          var text = '';
          for(var i = 1; i < 10; i++){
               text += 'Mengulang angka sebelum nilai 10 : ' + i;
          }

          document.getElementById("for").innerHTML = text;

     </script>

     </p>
     
</body>
</html>
Ketika dibuka dibrowser:



Jadi pertama tuh kita initialize variable i, setelah itu kita tentukan kondisi loopnya (i < 10) yang dilanjut dengan increment (++i / i++) atau decrement (--i / i--).

Perulangan For In 

merupakan perulangan yang dilakukan dengan membuat variable kosong terlebih dahulu untuk mengambil elemen dari suatu objek yang diinginkan. 

Perulangan ini merupakan perulangan yang paling sering dipakai untuk hal-hal yang berkait dengan pengambilan elemen-elemen pada array
Berikut contoh penulisannya: 

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>
<body>
    <p id="forIN">
          <script>
               var text = '';
               var orang = {fname:"Funny", lname:"Valentine", usia:23};
               var x;
               for(x in orang) {
                    text += orang[x] + " ";
               }
               document.getElementById("forIN").innerHTML = text;
          </script>
    </p>
</body>
</html>

Ketika dibuka dibrowser:


Jadi disini kita buat variable buffer/ kosong untuk menyimpan semua isi dari array, kemudian kita lakukan dengan menggunakan syntax in yang bertujuan untuk mengambil sema elemen yang ada pada array.

Perulangan While

merupakan perulangan yang dilakukan dengan mengeksekusi code didalam bracket berdasarkan scope dari while, yang isi dalam scope itu adalah kondisinya. 

Perulangan ini merupakan perulangan yang paling sering dipakai untuk hal-hal yang berkait dengan conditional loop. 
Berikut contoh penulisannya: 

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>
<body>
     <p id="ulangWhile">
     <script>

          var siswa = ["Jhonny", "Gyro", "Diego", "Valentine"];
          var i = 0;
          var text = '';
          
          while (siswa[i]) {
               text += siswa[i] + "\n";
               i++;
          }

          document.getElementById("ulangWhile").innerHTML = text;

     </script>

     </p>
     
</body>
</html>


Ketika dibuka dibrowser:


Jadi disini kita menentukan kondisi loopnya terlebih dahulu, kondisi tersebut kita simpan pada scope while yang dalam bahasa mengartikan bahwa bracket dari while akan dilakukan selama kondisi dalam scopenya bernilai TRUE

Perulangan Do While

merupakan perulangan yang dilakukan minmal satu kali, entah apapun kondisinya. jadi do bracket pengeksekusian code akan dilakukan minimal satu kali, setelah itu akan dicheck untuk bagian kondisi yang berada dalam scope while

Perulangan ini merupakan perulangan yang paling sering dipakai untuk hal-hal yang berkait dengan item loop/conditional loop. 
Berikut contoh penulisannya: 

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>
<body>
     <p id="ulangWhile">
     <script>

          var text = '';
          var i = 9;

          do {
               text += "\nThe number is " + i;
               i--;
          } while (i > 10);
          
          document.getElementById("ulangWhile").innerHTML = text;

     </script>

     </p>
     
</body>
</html>


Ketika dibuka dibrowser:


Jadi disini kita menuliskan code dengan diawali syntax do yang kemudian dibawahnya kita buat suatu kondisi yang berada dalam scope while, perulangan ini memiliki sifat serta behavior atau kelakukan yang sama dengan while loop namun perbedaannya yakni dalam proses eksekusinya saja.

Kesimpulan 

Nah setelah sekian banyaknya perulangan yang telah kita pelajari diatas, disini kita dapat menyimpulkan bahwa: 
  • Dari ketiga bentuk perulangan diatas hanya for yang memerlukan pernyataan inisialisasi dan peubah. Inisialisasi disini digunakan sebagai bagian penentuan variabel yang akan digunakan untuk mengendalikan jumlah perulangan yang akan dilakukan.
  • Peubah adalah operasi aritmatika yang dapat dilakukan untuk mengubah nilai variabel penentu tersebut. Sedangkan kondisi disini digunakan untuk menentukan kapan suatu blok perulangan dijalankan berdasarkan nilai dari variabel penentu tersebut.

Mungkin cukup sekian materi Perulangan pada JavaScript. Cukup singkat materinya dimulai dari pengenalan hingga pengimplementasiannya. Semoga sobat-sobat codingers paham, mengerti dan menguasainya. 

Mohon maaf jika terdapat tutur kata yang tidak berkenan dihati anda. Mohon maaf atas semua kesalahan yang telah saya perbuat, tolong berikan koreksi mengenai bagian mana yang salah/kurang pas dalam postingan ini, untuk pengembangan lebih baik kedepannya.

Sekian, saya ucapkan terimakasih banyak atas waktu yang telah diluangkan, saya ucapkan kembali mohon maaf atas segalanya kesalahan. 

Wabilahiltaufik walhidayah,
Wassalamu'alaikum warahmatullahi wabarakatuh
Keep Coding Stay Awesome

0 Response to "Perulangan dalam JavaScript - Praktikum 8 Part 1"

Post a Comment

Postingan Terbaru

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel