บทที่ 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
- ฮิต
- 36637
- ผู้สร้างเอกสาร
- วันที่สร้างเอกสาร
- 2016-06-03 13:33:34