Cara menggunakan FOR...IN pada JavaScript

JavaScript menyertakan for loop seperti Java atau C #. Menggunakan for loop untuk mengeksekusi kode berulang kali.

Syntax :

for[initializer; condition; iteration]
{
    // Code to be executed
}

Perulangan for membutuhkan tiga bagian berikut.

1. Penginisialisasi: Inisialisasi variabel penghitung untuk memulai
2. Kondisi: tentukan kondisi yang harus bernilai true untuk iterasi berikutnya
3. Iterasi: counter naik atau turun

Contoh Untuk For Loop

	
Demo: for loop
	

	

	

	

	

	
	
		for [var i = 0; i < 5; i++]
		{
			document.getElementById["p" + i].innerHTML = i;
		}
    

Dan untuk hasilnya sebagai berikut :

Pada contoh di atas, var i = 0 adalah pernyataan penginisialisasi di mana kita mendeklarasikan variabel i dengan nilai 0. Bagian kedua, i = 5] break; document.getElementById["p" + i].innerHTML = arr[i]; i++; }

Itulah sedikit penjelasan dan contoh dari For Loop JavaScript

Baiklah pada tutorial ini kita akan membahas jenis perulangan dan contoh perulangan yang ada di JavaScript.

Konsep perulangan di JavaScript tidak jauh berbeda degan bahasa pemrograman yang umum dipelajari seperti c, php dan java.

Pengertian Perulangan

Looping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi.

Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali. Maka perintah tersebut akan berhenti jika tulisan tersebut telah tampil sebanyak 5 kali.

Kenapa Looping Diperlukan

Ketika programmer membuat program looping maka akan menjadikan script yang harus ditulis sebanyak puluhan atau ratusan baris menjadi hanya beberapa baris saja. Menggunakan looping berarti membuat sesuatu yang dapat menghasilkan banyak output dengan minimal script.

Perulangan for JavaScript

Perulangan for dibuat untuk menghasilkan output secara berulang dimana jumlah output terebut sudah diketahui. Sebagai contoh jika ingin menanmpilkan “Belajar JavaScript Indonetsource” sebanyak 5 kali maka kita dapat menggunakan for seperti contoh di bawah ini:

1. Contoh perulangan for menampilkan output 5 kali

    Perulangan For JavaScript



    
Perulangan For JavaScript
   
        for [let i = 0; i < 5; i++] {
            document.write["
 Tutorial Belajar JavaScript Indonetsource
"];
        }      
    

Keterangan

• i = 0 adalah variabel yang akan menjadi permulaan perulangan for dijalankan. “i=0” berarti perulangan yang dibuat dimulai dari 0.
• i < 5 adalah batas akhir program dijalankan. Nilai tertinggi i 0; i--] { document.write["

  " + number-- + ".Tutorial Belajar JavaScript Indonetsource

  "]; }

  output :

  5.Tutorial Belajar JavaScript Indonetsource
  4.Tutorial Belajar JavaScript Indonetsource
  3.Tutorial Belajar JavaScript Indonetsource
  2.Tutorial Belajar JavaScript Indonetsource
  1.Tutorial Belajar JavaScript Indonetsource

  4. Menampilkan bilangan ganjil dengan for di JavaScript

  Ini adalah salah satu contoh studi kasus. Dimana jika ingin menampilkan bilangan ganjil kita dapat membuatnya menggunakan script di bawah ini:

          for [let i = 0; i < 10; i++] {
              if [i % 2 !== 0] {
                  document.write["
   " + i + ". Adalah Bilangan Ganjil
  "];
              }                            
          }

  output :

  1. Adalah Bilangan Ganjil
  3. Adalah Bilangan Ganjil
  5. Adalah Bilangan Ganjil
  7. Adalah Bilangan Ganjil
  9. Adalah Bilangan Ganjil

  5. Menampilkan bilangan genap dengan perulangan for JavaScript

  Untuk menampilkan bilangan genap modifikasi lagi program mejadi script ini.

          for [let i = 1; i < 10; i++] {
              if [i % 2 == 0] {
                  document.write["
   " + i + ". Adalah Bilangan Genap
  "];
              }
          }

  output

  2. Adalah Bilangan Genap
  4. Adalah Bilangan Genap
  6. Adalah Bilangan Genap
  8. Adalah Bilangan Genap

  Perulangan While

  Dengan menggunakan perulangan while maka blok program akan terus di eksekusi selama nilainya true.

  1. Contoh perulangan while JavaScript

  Selama bilangan kecil dari 5 dan dimulai dari 0 maka program akan terus berjalan.

  
  
  
      Perulangan For JavaScript
  
  
  
      
  Perulangan while JavaScript
      
          let i = 0;
          while [i < 5] {
              document.write["
  Urutan " + i++ + " 
  "];
          }
      
  
  
  
  

  output :

  Urutan 0
  Urutan 1
  Urutan 2
  Urutan 3
  Urutan 4

  2. Looping array dengan while

  Array dapat di looping dengan perulangan while seperti contoh di bawah ini :

          let i = 0;
          let mobil = ['Fortuner','Avanza','Pajero Sprot','C-RV'];
         
          while [i < mobil.length] {            
              let data=[mobil[i]];
              i++;        
              document.write["
  "+ data + "
  "];                            
          }

  Keterangan

  1. Untuk dapat mengetahui sampai di mana nilai where akan bernilai true diperlukan array.length.
  2. array.length menghitung jumlah isi array. Pada cotoh di atas length [isi] array mobil adalah 4.

  output :

  Fortuner
  Avanza
  Pajero
  Sprot
  C-RV

  Perulangan forEach[] JavaScript

  JavaScript forEach[] atau juga disebut method foreach adalah satu jenis perulangan yang digunakan untuk melakukan looping terhadap array. Jadi selain bisa menggunakan for dan while, untuk melakukan looping array kita juga bisa mengunakan forEach[].

  
  
  
      Perulangan ForEach[] JavaScript
  
  
  
      
  Perulangan forEach[] JavaScript
      
          // array siswa
          var siswa = ["Ani", "Budi", "Citra", "Doni", "Eko", "Fitri"];
  
          // menampilkan array siswa dengan method foreach
          siswa.forEach[function [siswa] {
              document.write["
  " + siswa + "
  "];
          }];
  
      
  
  
  

  output :

  Method forEach menjadikan perulangan yang di buat tidak bisa di skip atau break. Hal inilah yang menjadikan perulangan foreach[] berbeda dengan while dan for.

  Tutorial lanjutan

  Menggunakan Percabangan If Else dan Switch Case di JavaScript

  List Tutorial Belajar Dasar JavaScript Untuk Pemula

  Apa itu for in JavaScript?

  Perulangan FOR IN adakah perulangan khusus di dalam JavaScript yang digunakan untuk menampilkan 'isi' dari sebuah objek. Objek yang digunakan dapat berupa Array, karena array pada dasarnya juga merupakan objek di dalam JavaScript.

  Apa yang dimaksud dengan perulangan atau looping pada JavaScript?

  Looping atau yang lebih dikenal dengan perulangan adalah suatu metode dalam pemrograman untuk meng eksekusi suatu berintah yang sama terus-menerus hingga kondisi tertentu terpenuhi. Sebagai contoh kita ingin menampilkan tulisan “Belajar JavaScript Indonetsource” sebanyak 5 kali.