สำหรับ ในขณะที่ และทำในขณะที่ LOOP เข้ามา Javaสคริปต์ (พร้อมตัวอย่าง)

วิธีใช้ลูป?

การวนซ้ำมีประโยชน์เมื่อคุณต้องรันโค้ดบรรทัดเดียวกันซ้ำๆ ตามจำนวนครั้งที่กำหนดหรือตราบเท่าที่เงื่อนไขเฉพาะเป็นจริง สมมติว่าคุณต้องการพิมพ์ข้อความ 'สวัสดี' 100 ครั้งในหน้าเว็บของคุณ แน่นอนคุณจะต้องคัดลอกและวางบรรทัดเดียวกัน 100 ครั้ง แต่หากคุณใช้ลูป คุณสามารถทำงานนี้ให้เสร็จสิ้นได้ภายใน 3 หรือ 4 บรรทัดเท่านั้น

ใช้ลูปเข้า Javascript

ลูปประเภทต่างๆ

โดยทั่วไปแล้วลูปจะมีสี่ประเภท Javaต้นฉบับ.

  1. สำหรับห่วง
  2. for/in a loop (อธิบายภายหลัง)
  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 คุณควรใส่คำสั่งที่จะยุติลูปในบางจุดของเวลา มิฉะนั้น ลูปของคุณจะไม่สิ้นสุดและเบราว์เซอร์ของคุณอาจขัดข้อง

ลองด้วยตัวเอง:

<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 loop นั้นคล้ายกับ while loop มาก ข้อแตกต่างเพียงอย่างเดียวคือใน do... While loop บล็อกของโค้ดจะถูกดำเนินการเพียงครั้งเดียวก่อนที่จะตรวจสอบเงื่อนไขด้วยซ้ำ

ลองด้วยตัวเอง:

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