if/else และ switch — รูปแบบหลัก
เขียนเงื่อนไขที่ชัดเจนด้วย if/else และ switch ใช้ประโยคเฝ้าระวังเพื่อออกจากการทำงานก่อนเวลา
if/else และ switch — รูปแบบหลัก เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: เลือกเงื่อนไขที่เหมาะสม เริ่มด้วยถ้า/มิฉะนั้น เพิ่มมิฉะนั้นถ้าสำหรับหลายแขนง และใช้การเลือกหลายกรณีเพื่อจับคู่ค่าที่ชัดเจน

พื้นฐานเงื่อนไขถ้า/มิฉะนั้น
หากเงื่อนไขเป็นจริง ให้ทำงานในบล็อกแรก มิฉะนั้นให้ทำงานในบล็อกมิฉะนั้น
// if/else — choose between two paths
const score = 72;
if (score >= 60) {
console.log("Pass");
} else {
console.log("Retry");
}

ห่วงโซ่มิฉะนั้นถ้า
ใช้มิฉะนั้นถ้าเพื่อตรวจสอบเงื่อนไขตามลำดับจากเฉพาะเจาะจงที่สุดไปหาทั่วไปที่สุด
// else if — three or more branches
const temp = 18;
if (temp >= 30) {
console.log("Hot");
} else if (temp >= 15) {
console.log("Mild");
} else {
console.log("Cold");
}

พื้นฐานการเลือกหลายกรณี
การเลือกหลายกรณีจะจับคู่ค่าที่ตรงกันทุกประการ อย่าลืมหยุดการทำงานเพื่อป้องกันไม่ให้ไหลไปยังกรณีถัดไป
// switch — clean matching on a single value
const day = "Mon";
switch (day) {
case "Mon":
console.log("Start strong");
break;
case "Fri":
console.log("Finish line");
break;
default:
console.log("Keep going");
}

เงื่อนไขป้องกัน
ใช้เงื่อนไขป้องกันเพื่อออกจากฟังก์ชันก่อนเวลาเมื่ออินพุตไม่ถูกต้อง วิธีนี้ช่วยให้เส้นทางการทำงานปกติชัดเจน
// Guard clause — return early for invalid input
function greet(name) {
if (!name) {
console.log("Name required");
return;
}
console.log("Hello, " + name + "!");
}
greet("");
greet("Ayla");

คำแนะนำและข้อผิดพลาด
คำแนะนำ:
- เรียงการตรวจสอบจากเฉพาะเจาะจงที่สุดไปหาทั่วไปที่สุด
- ทำให้เงื่อนไขสั้นและอ่านง่าย
- ในการเลือกหลายกรณี ให้มีกรณีค่าเริ่มต้น

แบบทดสอบการเปรียบเทียบการเลือกหลายกรณี
ตรวจสอบอย่างรวดเร็ว: การจับคู่ในการเลือกหลายกรณี

สรุปทบทวน
สรุปทบทวน: ใช้ถ้า/มิฉะนั้นสำหรับสองเส้นทาง ใช้มิฉะนั้นถ้าสำหรับแขนงตามลำดับ ใช้การเลือกหลายกรณีสำหรับค่าที่ตรงกันทุกประการ และใช้เงื่อนไขป้องกันเพื่อออกจากการทำงานก่อนเวลา

คำถามที่พบบ่อย
บทเรียน “if/else และ switch — รูปแบบหลัก” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “if/else และ switch — รูปแบบหลัก” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “if/else และ switch — รูปแบบหลัก”
เขียนเงื่อนไขที่ชัดเจนด้วย if/else และ switch ใช้ประโยคเฝ้าระวังเพื่อออกจากการทำงานก่อนเวลา คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน
บทเรียน “if/else และ switch — รูปแบบหลัก” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม
ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- if/else และ switch — รูปแบบหลัก
- ลูป: for, while, do…while, for…of กับ for…in
- การคืนค่าก่อนเวลาและประโยคเฝ้าระวัง