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

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

บทที่ 13 JavaScript Switch Statement


   Switch Statement คือเงื่อนไขแบบหนึ่งที่ใช้ในการเขียนโปรแกรม นิยมใช้ในกรณีที่เรามีเงื่อนไขที่ต้องตรวจสอบอยู่หลายเงื่อนไข ซึ่งมีลักษณะคล้ายกับ if...else  แต่ต่างกันที่ เงื่อนไขแบบ Switch นี้จะใช้การตรวจสอบเพียงครั้งเดียวแล้วไล่ดูว่าเข้ากับ case ไหน ก็จะทำตามคำสั่งใน case นั้นไป แต่ถ้าไม่ตรงกับ case ใดๆเลย ก็จะทำตามคำสั่งใน default  ส่วนเงื่อนไขแบบ IF...else นั้นจะมีการตรวจสอบไปที่ล่ะตัวเลือก ซึ่งหากมีหลายตัวเลือกก็จะต้องทำการเช็คหลายครั้ง ทำให้ไม่สะดวก


switch(สิ่งที่ต้องการตรวจสอบ)
{
case 1:
  คำสั่งที่  1
  break;
case 2:
  คำสั่งที่  2
  break;
default:
  กรณีที่ไม่ตรงกับคำสั่งใดๆเลย
}
 

 

จากรูปแบบของคำสั่งโปรแกรมจะตรวจสอบจากตัวแปรที่คำสั่ง Switch (ตัวแปรในวงเล็บ)ว่ามีค่าเป็นเท่าไรแล้วนำมาตรวจสอบกับคำสั่ง case ถ้าตรงกับค่าของ case ใดก็จะทำงานตาม คำสั่งใน case นั้น เมื่อทำงานเสร็จ จะพบคำสั่ง break มีผลทำให้ออกไปจากคำสั่ง switch ทันที ในกรณีที่ไม่มีค่าใดตรงกับ case ที่ระบุโปรแกรม จะมาทำงานที่คำสั่ง default โดยอัตโนมัติ
ตัวอย่างเช่น


switch(อาหารกลางวันที่ชอบ)
{
case 1:
  คำสั่งที่  พิชซ่า
  break;
case 2:
  คำสั่งที่  เกี๊ยวกุ้ง
  break;
default:
  ไม่ชอบเลยสักอย่าง อยากกินอย่างอื่น
}

code ตัวอย่าง

 
<body>
<p id="demo"></p>

<script>
var i=200;
switch (i) {
    case 100:
        score = "100";
        break;
    case 200:
        score = "200";
        break;
    case 300:
        score = "300";
        break;
    default:
        score="ไม่ตรงกับค่าไหนเลย";
}
document.getElementById("demo").innerHTML = "คะแนนของคุณ" + score+"แต้ม";
</script>
</body>

ผลลัพธ์


*** หมายเหตุ
  การใช้คำสั่ง break เป็นการสั่งให้โปรแกรมออกคำสั่ง switch หากเจอเงื่อนไขที่่ต้องการแล้ว มิฉะนั้นโปรแกรมจะยังตรวจสอบเงื่อนไขไปเรื่อยๆ เเม้ว่าจะพบเงื่่อนไขที่ต้องการเเล้วก็ตาม ส่วน defalt นั้นเราจะมีหรือไม่มีก็ได้ ขึ้นอยู่ที่เงื่อนไขที่เรามีนั้นครอบคลุมทุกค่าแล้วหรือไม่ เพราะค่า defalt นั้นจะถูกนำมาใช้ในกรณีทีไม่ตรงกับเงื่อนไขใดๆเลย

ข้อมูลอ้างอิง
http://www.buksohn.com
http://www.w3schools.com

ชื่อ
javascript13
หมวดหมู่
Javascript, Javascript
ฮิต
5437
ผู้สร้างเอกสาร
opassaesin
วันที่สร้างเอกสาร
2016-06-03 13:33:34

javascript13.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 629 bytes

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

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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 19 มกราคาม 2561
โดย Parichat ศ 19 ม.ค. 2018 8:52 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
8
ศ 19 ม.ค. 2018 7:33 pm โดย Parichat
งานประจำวันที่ 19 มกราคม 2561
โดย Jom07 ศ 19 ม.ค. 2018 8:43 am บอร์ด MT23 - สุพรรษา พูลตา
1
24
ศ 19 ม.ค. 2018 9:20 am โดย Jom07
งานประจำวันที่ 19 มกราคม 2561
โดย Four ศ 19 ม.ค. 2018 8:42 am บอร์ด MT22 - อิษยา งามสอาด
4
23
ศ 19 ม.ค. 2018 6:43 pm โดย Four
ตัวแปรชนิด Tuple
โดย Four พฤ 18 ม.ค. 2018 5:18 pm บอร์ด Python Knowledge
0
33
พฤ 18 ม.ค. 2018 5:18 pm โดย Four
ขอสอบถามเรื่องความแตกต่างของฟังก์ชั่นvariant_pow()กับฟังก์ชั่น pow()
โดย Parichat พฤ 18 ม.ค. 2018 1:58 pm บอร์ด Programming - PHP
0
29
พฤ 18 ม.ค. 2018 1:58 pm โดย Parichat
อยากได้โปรแกรม command แบบ cmd ที่เก็บ history ได้ค่ะช่วยเเนะนำหน่อย
โดย thatsawan พฤ 18 ม.ค. 2018 11:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
54
พฤ 18 ม.ค. 2018 7:18 pm โดย thatsawan
0vsNULL
โดย Before Dong พฤ 18 ม.ค. 2018 10:32 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
41
พฤ 18 ม.ค. 2018 2:51 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Parichat พฤ 18 ม.ค. 2018 9:38 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
13
พฤ 18 ม.ค. 2018 7:16 pm โดย Parichat
งานประจำวันที่ 18 มกราคม 2561
โดย Jom07 พฤ 18 ม.ค. 2018 9:27 am บอร์ด MT23 - สุพรรษา พูลตา
2
34
พฤ 18 ม.ค. 2018 6:49 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Four พฤ 18 ม.ค. 2018 9:24 am บอร์ด MT22 - อิษยา งามสอาด
1
23
พฤ 18 ม.ค. 2018 11:44 am โดย Four
VDO สอนพัฒนา Componet Joomla ภาษาอังกฤษ By Mindphp Developer Team
โดย mindphp พฤ 18 ม.ค. 2018 6:21 am บอร์ด Joomla Development
0
30
พฤ 18 ม.ค. 2018 6:21 am โดย mindphp
Ozio Gallery-Components & Plugins สำหรับช่วยให้ดูภาพที่เผยแพร่บน Googleและวีดีโอจาก Youtube ที่ละเอียด
โดย Parichat พ 17 ม.ค. 2018 7:30 pm บอร์ด Joomla Extension Review
0
51
พ 17 ม.ค. 2018 7:30 pm โดย Parichat
ตัวดำเนินการของตัวแปร List
โดย Four พ 17 ม.ค. 2018 4:35 pm บอร์ด Python Knowledge
0
34
พ 17 ม.ค. 2018 4:35 pm โดย Four
การใช้ Del statement
โดย Four พ 17 ม.ค. 2018 4:03 pm บอร์ด Python Knowledge
0
30
พ 17 ม.ค. 2018 4:03 pm โดย Four
Review Applications 17 มกราคม 2561
โดย Jom07 พ 17 ม.ค. 2018 3:44 pm บอร์ด MT23 - สุพรรษา พูลตา
1
18
พ 17 ม.ค. 2018 6:19 pm โดย Jom07
การใช้ Precedence
โดย Four พ 17 ม.ค. 2018 3:36 pm บอร์ด Python Knowledge
0
32
พ 17 ม.ค. 2018 3:36 pm โดย Four
โครงสร้าง Module
โดย tsukasaz พ 17 ม.ค. 2018 3:08 pm บอร์ด Joomla Dev
0
9
พ 17 ม.ค. 2018 3:08 pm โดย tsukasaz
Index VDO Reenigne – คุณวีรศักดิ์ - odoo 10
โดย Four พ 17 ม.ค. 2018 2:33 pm บอร์ด MT22 - อิษยา งามสอาด
0
8
พ 17 ม.ค. 2018 2:33 pm โดย Four
งานประจำวันที่ 17 มกราคม 2561
โดย Four พ 17 ม.ค. 2018 9:56 am บอร์ด MT22 - อิษยา งามสอาด
3
34
พ 17 ม.ค. 2018 4:36 pm โดย Four
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด MT21 - ปาริชาติ รัตโณภาส
2
52
พ 17 ม.ค. 2018 10:51 am โดย Parichat