×

คำเตือน

JUser: :_load: Unable to load user with ID: 6465
 

บทที่ 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

javascript13.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 629 bytes

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

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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ถามเรื่อง Ozio Gallery ในจุมล่า
โดย neom อ 16 ก.พ. 2010 12:42 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
1618
อ 16 ก.พ. 2010 12:42 pm โดย neom View Topic ถามเรื่อง Ozio Gallery ในจุมล่า
รวมกระทู้ แบบสำรวจ บอร์ดบอร์ด mindphp.com
โดย mindphp อ 16 ก.พ. 2010 12:20 pm บอร์ด Msearch V2
10
131299
จ 23 มิ.ย. 2014 4:31 pm โดย Surat1688 View Topic รวมกระทู้ แบบสำรวจ บอร์ดบอร์ด mindphp.com
ต้องการให้ system เรียก php script ทันที ที่มีการ add ข้อมูลเข้า database
โดย pinatcha จ 15 ก.พ. 2010 11:25 pm บอร์ด Programming - PHP
6
1795
อ 16 ก.พ. 2010 5:58 pm โดย mindphp View Topic ต้องการให้ system เรียก php script ทันที ที่มีการ add ข้อมูลเข้า database
แปลงโค้ด php เป็น .exe
โดย ob1 จ 15 ก.พ. 2010 3:51 pm บอร์ด Free PHP Code Download script
0
3122
จ 15 ก.พ. 2010 3:51 pm โดย ob1 View Topic แปลงโค้ด php เป็น .exe
ทำอย่างไรให้ ผู้ใช้กรอกข้อมูลสมัครอบรมบนหน้าเว็บ แล้วส่งเข้าเมลล์เป็นไฟล์ word
โดย futurebis จ 15 ก.พ. 2010 10:23 am บอร์ด Programming - PHP
5
3984
ศ 19 ก.พ. 2010 3:18 pm โดย mindphp View Topic ทำอย่างไรให้ ผู้ใช้กรอกข้อมูลสมัครอบรมบนหน้าเว็บ แล้วส่งเข้าเมลล์เป็นไฟล์ word
Web Hosting เว็บโฮสติ้ง ราคาถูก คุณภาพสูง สมัครวันนี้ ฟรีโฮสติ้ง 30 วัน ฟรีโดเมน
โดย netwayhost จ 15 ก.พ. 2010 1:14 am บอร์ด Web Hosting Review - Free Host Share Host VPS
1
2049
อ 27 เม.ย. 2010 4:53 pm โดย netwayhost View Topic Web Hosting เว็บโฮสติ้ง ราคาถูก คุณภาพสูง สมัครวันนี้ ฟรีโฮสติ้ง 30 วัน ฟรีโดเมน
ขอโค้ด php ในการค้นหาข้อมูล หน่อยค่ะ
โดย porpang อ 14 ก.พ. 2010 4:16 pm บอร์ด SQL - Database
4
4872
อ 14 ก.พ. 2010 5:01 pm โดย porpang View Topic ขอโค้ด php ในการค้นหาข้อมูล หน่อยค่ะ
เพิ่มข้อมูลลงตารางไม่ได้ใน host
โดย kasper_01 อ 14 ก.พ. 2010 1:04 pm บอร์ด SQL - Database
2
1840
จ 15 ก.พ. 2010 4:02 pm โดย mlaveo View Topic เพิ่มข้อมูลลงตารางไม่ได้ใน host