0Pricing
JavaScript Academy · บทเรียน

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 และ switch — รูปแบบหลัก — ภาพประกอบ 1

พื้นฐานเงื่อนไขถ้า/มิฉะนั้น

หากเงื่อนไขเป็นจริง ให้ทำงานในบล็อกแรก มิฉะนั้นให้ทำงานในบล็อกมิฉะนั้น

// if/else — choose between two paths
const score = 72;

if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Retry");
}
if/else และ switch — รูปแบบหลัก — ภาพประกอบ 2

ห่วงโซ่มิฉะนั้นถ้า

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

// 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");
}
if/else และ switch — รูปแบบหลัก — ภาพประกอบ 3

พื้นฐานการเลือกหลายกรณี

การเลือกหลายกรณีจะจับคู่ค่าที่ตรงกันทุกประการ อย่าลืมหยุดการทำงานเพื่อป้องกันไม่ให้ไหลไปยังกรณีถัดไป

// 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");
}
if/else และ switch — รูปแบบหลัก — ภาพประกอบ 4

เงื่อนไขป้องกัน

ใช้เงื่อนไขป้องกันเพื่อออกจากฟังก์ชันก่อนเวลาเมื่ออินพุตไม่ถูกต้อง วิธีนี้ช่วยให้เส้นทางการทำงานปกติชัดเจน

// 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 — รูปแบบหลัก — ภาพประกอบ 5

คำแนะนำและข้อผิดพลาด

คำแนะนำ:

  • เรียงการตรวจสอบจากเฉพาะเจาะจงที่สุดไปหาทั่วไปที่สุด
  • ทำให้เงื่อนไขสั้นและอ่านง่าย
  • ในการเลือกหลายกรณี ให้มีกรณีค่าเริ่มต้น
if/else และ switch — รูปแบบหลัก — ภาพประกอบ 6

แบบทดสอบการเปรียบเทียบการเลือกหลายกรณี

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

if/else และ switch — รูปแบบหลัก — ภาพประกอบ 7

สรุปทบทวน

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

if/else และ switch — รูปแบบหลัก — ภาพประกอบ 8

คำถามที่พบบ่อย

บทเรียน “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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. if/else และ switch — รูปแบบหลัก
  2. ลูป: for, while, do…while, for…of กับ for…in
  3. การคืนค่าก่อนเวลาและประโยคเฝ้าระวัง
← กลับไปที่ JavaScript Academy