Home » Javascript » Loop For di JavaScript : Contoh Syntax dan Cara Membuatnya

Loop For di JavaScript : Contoh Syntax dan Cara Membuatnya

by syifaul fuadi
by syifaul fuadi

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

<!DOCTYPE html>
<html>
<body>
	<h1>Demo: for loop</h1>
	<p id="p0"></p>
	<p id="p1"></p>
	<p id="p2"></p>
	<p id="p3"></p>
	<p id="p4"></p>
	
	<script>
		for (var i = 0; i < 5; i++)
		{
			document.getElementById("p" + i).innerHTML = i;
		}
    </script>
</body>
</html>

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 adalah kondisi di mana dia memeriksa apakah i kurang dari 5 atau tidak. Bagian ketiga, i ++ adalah pernyataan iterasi dimana kita menggunakan operator ++ untuk meningkatkan nilai i menjadi 1. Ketiga bagian ini dipisahkan oleh titik koma;.

Perulangan for juga dapat digunakan untuk mendapatkan nilai untuk sebuah array.

Contoh :

<!DOCTYPE html>
<html>
<body>
	<h1>Demo: for loop</h1>
	<p id="p0"></p>
	<p id="p1"></p>
	<p id="p2"></p>
	<p id="p3"></p>
	<p id="p4"></p>
	
	<script>
		var arr = [10, 11, 12, 13, 14];

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

    </script>
</body>
</html>

Output dari code diatas adalah : 10, 11, 12, 13, 14

Harap diperhatikan bahwa tidak wajib menentukan penginisialisasi, kondisi, dan ekspresi kenaikan ke dalam tanda kurung. Kalian dapat menentukan penginisialisasi sebelum memulai for loop. Pernyataan kondisi dan kenaikan dapat dimasukkan ke dalam blok.

Contoh :

<!DOCTYPE html>
<html>
<body>
	<h1>Demo: for loop</h1>
	<p id="p0"></p>
	<p id="p1"></p>
	<p id="p2"></p>
	<p id="p3"></p>
	<p id="p4"></p>
	
	<script>
		var arr = [10, 11, 12, 13, 14];
		var i = 0;

		for (; ;) {

			if (i >= 5)
				break;

			document.getElementById("p" + i).innerHTML = arr[i];
        
			i++;
		}

    </script>
</body>
</html>

Itulah sedikit penjelasan dan contoh dari For Loop JavaScript

You may also like

Leave a Comment