For Loop หรือ การวนลูปแบบ for ในภาษา Javascript เป็นการทำงานแบบซ๊ำๆ ตามเงื่อนไขที่กำหนด โดยลูปแบบ for จะต้องมีตัวแปรที่ทำหน้าทีเป็นตัวนับสำหรับกำหนดค่าเริ่มต้นและค่าสุดท้าย ของการทำซ๊ำ ดังนั้นการใช้ลูปแบบ for จึงเหมาะกับการวนลูปที่มีจำนวนแน่นอน มีรูปแบบคำสั่งดังนี้
for (ตัวแปร=ค่าเริ่มต้น;เงื่อนไข;การเปลี่ยนค่าตัวแปร)
{// เมื่อเงื่อนไขเป็นจริงจะทำตามคำสั่งนี้;} เราจะกำหนด ค่าเริ่มต้นให้กับ Loop ก่อน แล้วทำการ ตรวจสอบ ค่า และ เพิ่ม หรือลดค่า แล้วโปรแกรมจะทำการตรวจสอบ หากผลการตรวจสอบ เป็นจริง ก็ยังกระทำใน Loop หากเป็นเท็จ ก็จะกระโดด ออกจาก Loop นอกจากนี้ไม่จำเป็นต้องเพิ่มหรือลดทีล่ะ 1 อาจเป็นค่าที่มากกว่าหนึ่งก้ได้
สำรับวิธีการเปลี่ยนค่าของตัวนับนั้นอาจเป็นการเพิ่มค่า หรือลดค่าก็ได้
ตัวอย่างเช่น
<html>
<body>
<script >
for (var i=0;i<=10;i++){
document.write( i +" " );
document.write("<br />");
}
</script>
</body>
</html> ผลลัพธ์คือ
***จาก ตัวอย่างคือ ตัวเลขเริ่มต้นคือ 0 โดยเป็นตัวเลขอะไรก็ได้ที่น้อยกว่า หรือเท่ากับ 10 (นั้นคือตั้งแต่ 0-10) ถ้าเป็นตัวเลขนอกเหนือจากลูปนี้ก็ออกจาก 10 ไป โดยมีการเพิ่มทีล่ะ 1
การใช้ลูปแบบ for ซ้อนกัน
การใช้ลูปแบบ for ซ้อนกัน มีลักษณะดังนี้
for (ตัวแปร=ค่าเริ่มต้น;เงื่อนไข;การเปลี่ยนค่าตัวแปร) {
-
-
for (ตัวแปร=ค่าเริ่มต้น;เงื่อนไข;การเปลี่ยนค่าตัวแปร) {
-
-
}
}เช่น
for (var a=0; a <=10; a++) {
-
-
for (var b=1; b != 100; b++) {
-
-
}
}***ข้อ ควรระวัง หากเราใช้ลูปแบบ for ซ้อนกันก็คือ ไม่ควรใช้ตัวแปร ของแต่ล่ะ for เป็นตัวเดียวกัน เพราะอาจเกิดข้อผิดพลาดในการประมวลผลได้
ตัวอย่างการใช้ลูปแบบ for ซ้อนกัน
<html>
<body>
<script>
for (var a=0; a<=10; a++){
for (var b=1; b<= a; b++){
document.write(b+ " " );
}
document.write("<br />");
}
</script>
</body>
</html>ผลลัพธ์คือ
คลิกเพื่อดู demo file javascript (ตัวอย่างที่ 1)
คลิกเพื่อดู demo file javascript (ตัวอย่างที่ 2)
0 ความคิดเห็น:
แสดงความคิดเห็น