Untuk, Sementara dan Lakukan Sementara LOOP masuk JavaSkrip dengan Contoh

Apa itu Loop dalam JavaNaskah?

Perulangan berguna ketika Anda harus mengeksekusi baris kode yang sama berulang kali, untuk beberapa kali tertentu atau selama kondisi tertentu benar. Misalkan Anda ingin mengetik pesan 'Halo' 100 kali di halaman web Anda. Tentu saja, Anda harus menyalin dan menempelkan baris yang sama sebanyak 100 kali. Sebaliknya, jika Anda menggunakan loop, Anda dapat menyelesaikan tugas ini hanya dalam 3 atau 4 baris.

Setiap perulangan dibangun dari tiga bagian yang sama, apa pun sintaksnya: nilai awal, kondisi yang menentukan apakah putaran berikutnya akan dijalankan, dan pembaruan yang menggerakkan perulangan menuju jalan keluarnya. Diagram di bawah ini menunjukkan siklus yang berulang tersebut.

Berbagai Jenis Perulangan dalam JavaNaskah

Pada dasarnya ada empat jenis loop JavaNaskah.

1. untuk loop
2. perulangan for/in
3. loop sementara
4. lakukan… while loop

modern JavaScript menambahkan perulangan for…of untuk mengiterasi nilai secara langsung, sehingga tersedia lima bentuk dalam praktiknya. Tabel di bawah ini menunjukkan bentuk mana yang harus digunakan dalam situasi tertentu.

untuk loop

sintaks:

for(statement1; statement2; statment3)
{
lines of code to be executed
}

1. Pernyataan 1 dieksekusi terlebih dahulu, bahkan sebelum mengeksekusi loo.ping Jadi, pernyataan ini biasanya digunakan untuk menetapkan nilai ke variabel yang akan digunakan di dalam loop.
2. Pernyataan2 adalah kondisi untuk mengeksekusi perulangan.
3. Pernyataan3 dieksekusi setiap kali setelah toiletping Kode dieksekusi.

Coba ini sendiri:

<html>
<head>
	<script type="text/javascript">
		var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
		document.write("<b>Using for loops </b><br />");
		for (i=0;i<students.length;i++)
		{
		document.write(students[i] + "<br />");
		}
	</script>
</head>
<body>
</body>
</html>

Keluaran:

Using for loops
John
Ann
Aaron
Edwin
Elizabeth

Penghitung dimulai dari 0 karena indeks pertama dari susunan bernilai nol, dan kondisi tersebut menggunakan students.length sehingga perulangan beradaptasi secara otomatis ketika nama ditambahkan atau dihapus.

loop sementara

sintaks:

while(condition)
{
lines of code to be executed
}

"Perulangan while" dijalankan selama kondisi yang ditentukan benar. Di dalam perulangan while, Anda harus menyertakan pernyataan yang akan mengakhiri perulangan pada suatu titik waktu. Jika tidak, perulangan Anda tidak akan pernah berakhir dan peramban Anda mungkin macet.

Coba ini sendiri:

<html>
<head>
	<script type="text/javascript">
		document.write("<b>Using while loops </b><br />");
		var i = 0, j = 1, k;
		document.write("Fibonacci series less than 40<br />");
		while(i<40)
		{
			document.write(i + "<br />");
			k = i+j;
			i = j;
			j = k;
		}
	</script>
</head>
<body>
</body>
</html>

Keluaran:

Using while loops
Fibonacci series less than 40
0
1
1
2
3
5
8
13
21
34

lakukan… while loop

sintaks:

do
{
block of code to be executed
} while (condition)

Perulangan do…while sangat mirip dengan perulangan while. Satu-satunya perbedaan adalah bahwa dalam perulangan do…while, blok kode dieksekusi sekali bahkan sebelum memeriksa kondisinya.

Coba ini sendiri:

<html>
<head>
	<script type="text/javascript">
		document.write("<b>Using do...while loops </b><br />");
		var i = 2;
		document.write("Even numbers less than 20<br />");
		do
		{
			document.write(i + "<br />");
			i = i + 2;
		}while(i<20)
	</script>
</head>
<body>
</body>
</html>

Keluaran:

Using do...while loops
Even numbers less than 20
2
4
6
8
10
12
14
16
18

Perbedaannya terlihat jelas ketika kondisinya salah sejak awal. Perulangan while tidak mencetak apa pun, sedangkan perulangan do…while masih mencetak satu baris sebelum berhenti.ping.

untuk…dalam perulangan

Perulangan `for…in` menelusuri nama-nama properti yang dapat dihitung dari suatu objek. Setiap langkah menetapkan kunci berikutnya ke variabel perulangan, dan nilainya dibaca dengan notasi tanda kurung siku.

const student = {
    name: "Ann",
    age: 21,
    course: "JavaScript"
};

for (const key in student) {
    console.log(key + " : " + student[key]);
}

Keluaran:

name : Ann
age : 21
course : JavaScript

perulangan for…of dan forEach

Perulangan `for…of` membaca nilai dari objek iterable apa pun, termasuk array, string, map, dan set. Metode `forEach` mencapai hasil yang sama dengan fungsi callback dan memberikan akses ke indeks.

const students = ["John", "Ann", "Aaron"];

// for...of reads each value directly
for (const name of students) {
    console.log(name);
}

// forEach supplies the value and the index
students.forEach(function (name, index) {
    console.log(index + " - " + name);
});

// strings are iterable too
for (const letter of "Ann") {
    console.log(letter);
}

Keluaran:

John
Ann
Aaron
0 - John
1 - Ann
2 - Aaron
A
n
n

Satu perbedaan praktis yang penting: fungsi break dan continue dapat digunakan di dalam for…of, tetapi tidak dapat digunakan di dalam forEach, karena setiap callback merupakan fungsi terpisah.

Pernyataan jeda dan lanjutkan

Dua kata kunci mengubah alur normal dari setiap perulangan. Pernyataan `break` menghentikan perulangan sepenuhnya, dan pernyataan `continue` mengabaikan putaran saat ini dan melompat ke putaran berikutnya.

const numbers = [4, 7, 10, 13, 16, 19];

// continue: skip odd numbers
for (const n of numbers) {
    if (n % 2 !== 0) {
        continue;
    }
    console.log("even: " + n);
}

// break: stop at the first value above 12
for (const n of numbers) {
    if (n > 12) {
        console.log("first value above 12: " + n);
        break;
    }
}

Keluaran:

even: 4
even: 10
even: 16
first value above 12: 13

Perulangan muncul di hampir setiap skrip yang akan Anda tulis. Lanjutkan dengan praktis JavaContoh kode skrip, kunjungi kembali JavaMetode array skrip untuk fungsi pembantu iterasi yang dibangun di atas loop ini, dan baca internal dan eksternal JavaNaskah untuk memutuskan di mana naskah yang sudah selesai harus disimpan.

Pertanyaan Umum Demo Slot