For, while και Do while LOOP σε JavaScript (με Παράδειγμα)

Πώς να χρησιμοποιήσετε το Loop;

Οι βρόχοι είναι χρήσιμοι όταν πρέπει να εκτελέσετε τις ίδιες γραμμές κώδικα επανειλημμένα, για συγκεκριμένο αριθμό φορών ή για όσο διάστημα ισχύει μια συγκεκριμένη συνθήκη. Ας υποθέσουμε ότι θέλετε να πληκτρολογήσετε ένα μήνυμα «Hello» 100 φορές στην ιστοσελίδα σας. Φυσικά, θα πρέπει να αντιγράψετε και να επικολλήσετε την ίδια γραμμή 100 φορές. Αντίθετα, εάν χρησιμοποιείτε βρόχους, μπορείτε να ολοκληρώσετε αυτήν την εργασία σε μόλις 3 ή 4 γραμμές.

Χρησιμοποιήστε βρόχους σε Javascript

Διαφορετικοί τύποι βρόχων

Υπάρχουν κυρίως τέσσερις τύποι βρόχων το JavaScript.

  1. για βρόχο
  2. for/in a loop (εξηγείται later)
  3. ενώ βρόχος
  4. κάνουμε ... ενώ βρόχο

για βρόχο

Σύνταξη:

for(statement1; statement2; statment3)
{
lines of code to be executed
}
  1. Η εντολή1 εκτελείται πρώτη ακόμη και πριν από την εκτέλεση του κώδικα βρόχου. Έτσι, αυτή η δήλωση χρησιμοποιείται συνήθως για την εκχώρηση τιμών σε μεταβλητές που θα χρησιμοποιηθούν μέσα στον βρόχο.
  2. Η πρόταση2 είναι η συνθήκη για την εκτέλεση του βρόχου.
  3. Η εντολή3 εκτελείται κάθε φορά μετά την εκτέλεση του κώδικα βρόχου.

Δοκιμάστε αυτό μόνοι σας:

<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>

ενώ βρόχος

Σύνταξη:

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

Ο βρόχος "while" εκτελείται εφόσον η καθορισμένη συνθήκη είναι αληθής. Μέσα στον βρόχο while, θα πρέπει να συμπεριλάβετε τη δήλωση που θα τερματίσει τον βρόχο κάποια στιγμή. Αλλαwise, ο βρόχος σας δεν θα τελειώσει ποτέ και το πρόγραμμα περιήγησής σας μπορεί να διακοπεί.

Δοκιμάστε αυτό μόνοι σας:

<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>

κάνουμε ... ενώ βρόχο

Σύνταξη:

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

Ο βρόχος do…while είναι πολύ παρόμοιος με τον βρόχο while. Η μόνη διαφορά είναι ότι στον βρόχο do…while, το μπλοκ κώδικα εκτελείται μία φορά ακόμη και πριν από τον έλεγχο της συνθήκης.

Δοκιμάστε αυτό μόνοι σας:

<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>