ตัวอย่าง
ดำเนินการบล็อกของรหัสบนพื้นฐานของข้อมูลผู้ใช้:
var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
case "Banana":
text = "Banana is good!";
break;
case "Orange":
text = "I am not a fan of orange.";
break;
case
"Apple":
text = "How you like them apples?";
break;
default:
text = "I have never heard of that fruit...";
}ผลของข้อความที่อาจจะ:
How you like them apples? ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คำสั่งสวิทช์รันบล็อกของรหัสขึ้นอยู่กับกรณีที่แตกต่างกัน
คำสั่งสวิทช์เป็นส่วนหนึ่งของ JavaScript เป็น "Conditional" งบที่จะใช้ในการดำเนินการที่แตกต่างกันขึ้นอยู่กับเงื่อนไขที่แตกต่างกัน ใช้สวิตช์เพื่อเลือกหนึ่งในหลาย ๆ กลุ่มของรหัสที่จะดำเนินการ นี้เป็นทางออกที่สมบูรณ์แบบสำหรับยาวซ้อนกัน หาก / อื่น งบ
คำสั่งสวิทช์ประเมินการแสดงออก ค่าของนิพจน์แล้วเปรียบเทียบกับค่านิยมของแต่ละกรณีในโครงสร้าง หากมีการจับคู่บล็อกที่เกี่ยวข้องของรหัสที่จะดำเนินการ
คำสั่งสวิทช์มักจะถูกนำมาใช้ร่วมกับการแบ่งหรือคำหลักเริ่มต้น (or both) เหล่านี้มีทั้งที่เป็นตัวเลือก:
คำหลักแบ่งแบ่งออกจากสวิทช์บล็อก นี้จะหยุดการดำเนินการของการดำเนินการมากขึ้นของรหัสและ / หรือกรณีการทดสอบภายในบล็อก หากแบ่งเป็นละเว้นการป้องกันรหัสต่อไปในคำสั่งสวิทช์ที่จะดำเนินการ
คำหลักเริ่มต้นระบุรหัสบางอย่างที่จะทำงานถ้าไม่มีการแข่งขันกรณี มีเพียงสามารถเป็นคำหลักที่หนึ่งเริ่มต้นในสวิทช์ แม้ว่านี่จะเป็นตัวเลือกก็จะแนะนำให้คุณใช้มันเป็นมันจะดูแลกรณีที่ไม่คาดคิด
สนับสนุนเบราว์เซอร์
| คำแถลง | |||||
|---|---|---|---|---|---|
| switch | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
switch( expression ) {
case n :
code block
break;
case n :
code block
break;
default:
default code block
}ค่าพารามิเตอร์
| พารามิเตอร์ | ลักษณะ |
|---|---|
| expression | จำเป็นต้องใช้ ระบุการแสดงออกที่จะได้รับการประเมิน การแสดงออกได้รับการประเมินในครั้งเดียว ค่าของนิพจน์ที่ถูกเมื่อเทียบกับค่าของแต่ละป้ายในกรณีที่โครงสร้าง หากมีการจับคู่บล็อกที่เกี่ยวข้องของรหัสที่จะดำเนินการ |
รายละเอียดทางเทคนิค
| JavaScript เวอร์ชัน: | 1.2 |
|---|
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใช้จำนวนวันทำงานวันนี้ในการคำนวณชื่อวันธรรมดา (วันอาทิตย์ = 0 วันจันทร์ = 1 อังคาร = 2, ... ):
var day;
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
break;
default:
day = "Unknown Day";
}ผลของวันที่จะได้รับ:
ลองตัวเอง» ตัวอย่าง
ถ้าวันนี้เป็นวันเสาร์ค่ามิได้วันอาทิตย์ที่เขียนข้อความเริ่มต้น:
var text;
switch (new Date().getDay()) {
case 6:
text = "Today is Saturday";
break;
case 0:
text = "Today is Sunday";
break;
default:
text = "Looking forward to the Weekend";
}
ผลของข้อความที่จะได้รับ:
ลองตัวเอง» ตัวอย่าง
บางครั้งคุณจะต้องการกรณีที่แตกต่างในการใช้รหัสเดียวกันหรือตกผ่านไปเริ่มต้นที่พบบ่อย
โปรดสังเกตว่าในตัวอย่างนี้กรณีส่วนใหญ่มีการป้องกันรหัสเดียวกันและว่ากรณีเริ่มต้นไม่จำเป็นต้องเป็นกรณีสุดท้ายในสวิทช์บล็อก ( แต่ถ้าเริ่มต้นไม่ได้เป็นกรณีสุดท้ายในสวิทช์บล็อกอย่าลืมที่จะจบมัน กับช่วงเวลาพัก)
var text;
switch (new Date().getDay()) {
case 1:
case 2:
case 3:
default:
text = "Looking forward to the Weekend";
break;
case 4:
case 5:
text = "Soon it is Weekend";
break;
case 0:
case 6:
text = "It is Weekend";
}
ลองตัวเอง» ตัวอย่าง
การใช้คำสั่งสวิทช์ในการดำเนินการบล็อกของรหัสตามที่ผู้ใช้ป้อนจากกล่องพรอมต์:
var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
case "Martini":
text = "Excellent choice! Martini is good for your soul.";
break;
case "Daiquiri":
text = "Daiquiri is my favorite too!";
break;
case "Cosmopolitan":
text = "Really? Are you sure the Cosmopolitan is your favorite?";
break;
default:
text = "I have never heard of that one..";
} ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา JavaScript: JavaScript ถ้า ... งบอื่น ๆ
กวดวิชา JavaScript: งบเปลี่ยน JavaScript
JavaScript อ้างอิง: JavaScript หาก / งบอื่น
อ้างอิง JavaScript: JavaScript งบแบ่ง
<JavaScript อ้างอิงงบ