ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 14 JavaScript For Loop


   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+ "&nbsp; &nbsp; " );
}
   document.write("<br />");
  }
  </script>
</body>
</html>

 

ผลลัพธ์คือ


คลิกเพื่อดู demo file javascript
(ตัวอย่างที่ 1)
คลิกเพื่อดู demo file javascript (ตัวอย่างที่ 2)

ผลลัพธ์คือ
http://www.w3schools.com

ชื่อ
javascript14
หมวดหมู่
Javascript, Javascript
ฮิต
11119
ผู้สร้างเอกสาร
วันที่สร้างเอกสาร
2016-06-03 13:36:02

javascript14.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 502 bytes

ผู้อัพโหลดไฟล์

วันที่อัพโหลด 2016-06-03 06:34:46


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
บริษัท RCP ลูกค้ายืนยันการใช้งานได้ให้อัพขึ้นฐานจริง
โดย Rujikon พฤ 21 มิ.ย. 2018 7:20 pm บอร์ด Mindphp Task (ทดลองงาน)
2
5
ศ 22 มิ.ย. 2018 3:56 am โดย mindphp
New อัพเดท state auto หลังR- จาก state ของ RMA เป็น deliver [2018-06][003]
โดย Rujikon พฤ 21 มิ.ย. 2018 7:18 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
2
พฤ 21 มิ.ย. 2018 7:19 pm โดย Rujikon
R - เปลี่ยนชื่อปุ่ม RMA Line จาก Confirm เป็น Receive [2018-06][002]
โดย Rujikon พฤ 21 มิ.ย. 2018 7:13 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
2
3
พฤ 21 มิ.ย. 2018 7:14 pm โดย Rujikon
Q - Import ไฟล์ Customer เข้าระบบไม่ได้
โดย Rujikon พฤ 21 มิ.ย. 2018 4:49 pm บอร์ด บริษัท เซนิธ เบบี้ แคร์ จำกัด - Tester
3
8
พฤ 21 มิ.ย. 2018 4:59 pm โดย thatsawan
ยืนยันหน้าจอการทำงานของ auto transfer และคำถาม
โดย nuattawoot พฤ 21 มิ.ย. 2018 2:06 pm บอร์ด Hachanna - Testter
5
27
ศ 22 มิ.ย. 2018 4:13 am โดย mindphp
ฺB - ปรับ Inventory loss แล้วไม่ได้อย่างที่กระทู้แนะนำ [2018-06][009]
โดย Rujikon พฤ 21 มิ.ย. 2018 1:59 pm บอร์ด Hachanna - Testter
0
2
พฤ 21 มิ.ย. 2018 1:59 pm โดย Rujikon
Q - เรื่องภาษี [2018-06][008]
โดย Rujikon พฤ 21 มิ.ย. 2018 1:48 pm บอร์ด Hachanna - Testter
0
5
พฤ 21 มิ.ย. 2018 1:48 pm โดย Rujikon
งานประจำวันที่ 21มิถุนายน 2561
โดย taemmynatchapon พฤ 21 มิ.ย. 2018 10:19 am บอร์ด M063 - ณัชพล ชัยวุฒิ
0
1
พฤ 21 มิ.ย. 2018 10:19 am โดย taemmynatchapon
งานประจำวันที่ 21 มิถุนายน 2561
โดย Rujikon พฤ 21 มิ.ย. 2018 10:05 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
8
พฤ 21 มิ.ย. 2018 7:22 pm โดย Rujikon
งานประจำวันที่ 21 มิถุนายน 2561
โดย wilawan พฤ 21 มิ.ย. 2018 9:48 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
1
12
พฤ 21 มิ.ย. 2018 6:46 pm โดย wilawan
งานประจำวันที่ 21 มิถุนายน 2561
โดย Parichat พฤ 21 มิ.ย. 2018 9:37 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
4
พฤ 21 มิ.ย. 2018 7:14 pm โดย Parichat
เมื่อมีโอกาสทำงาน...
โดย mindphp พฤ 21 มิ.ย. 2018 12:59 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พฤ 21 มิ.ย. 2018 12:59 am โดย mindphp
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 8:06 pm บอร์ด Mindphp Task (ทดลองงาน)
0
2
พ 20 มิ.ย. 2018 8:06 pm โดย Rujikon
สอบถามเกี่ยวกับ onclick html
โดย AePongsak พ 20 มิ.ย. 2018 6:33 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
20
พ 20 มิ.ย. 2018 6:33 pm โดย AePongsak
B - ปุ่มปริ้น inv มี 2 ปุ่ม
โดย thatsawan พ 20 มิ.ย. 2018 6:25 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
พ 20 มิ.ย. 2018 6:25 pm โดย thatsawan
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 4:21 pm บอร์ด Hachanna - Testter
1
13
พ 20 มิ.ย. 2018 9:00 pm โดย Rujikon
B - หน้า Detail ช่องว่างด้านล่างเยอะไป
โดย AePongsak พ 20 มิ.ย. 2018 2:23 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
พฤ 21 มิ.ย. 2018 12:00 pm โดย Parichat
B - คลิกที่รูปแล้วไม่ไปหน้า Detail
โดย AePongsak พ 20 มิ.ย. 2018 2:20 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
พฤ 21 มิ.ย. 2018 1:11 pm โดย Parichat
B - กรอบหน้าดาวน์โหลดไม่โค้ง
โดย AePongsak พ 20 มิ.ย. 2018 2:11 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
7
พฤ 21 มิ.ย. 2018 5:16 pm โดย Parichat
B - ไม่เห็นตัวเลขที่ แบ่งหน้าสินค้า
โดย AePongsak พ 20 มิ.ย. 2018 2:07 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
พฤ 21 มิ.ย. 2018 1:15 pm โดย Parichat