Stay Informed

พื้นฐานของ JavaScript : การควบคุมเงื่อนไข (If-else, Switch)

 

📌 พื้นฐานของ JavaScript : การควบคุมเงื่อนไข (If-else, Switch)


1️⃣ ความสำคัญของการควบคุมเงื่อนไข

  • ใช้ในการตัดสินใจว่าควรให้โปรแกรมทำอะไรในสถานการณ์ต่าง ๆ

  • เขียนเงื่อนไขที่โปรแกรมต้องตรวจสอบแล้วเลือกทางเดินของโปรแกรม


2️⃣ คำสั่ง if และ else

รูปแบบพื้นฐาน

javascript

if (เงื่อนไข) { // คำสั่งถ้าเงื่อนไขเป็นจริง } else { // คำสั่งถ้าเงื่อนไขเป็นเท็จ }

ตัวอย่าง

javascript

let age = 18; if (age >= 18) { console.log("คุณเป็นผู้ใหญ่"); } else { console.log("คุณยังเป็นเยาวชน"); }

3️⃣ คำสั่ง if...else if...else

รูปแบบ

javascript

if (เงื่อนไขที่ 1) { // ถ้าเงื่อนไขที่ 1 เป็นจริง } else if (เงื่อนไขที่ 2) { // ถ้าเงื่อนไขที่ 2 เป็นจริง } else { // ถ้าไม่มีเงื่อนไขใดเป็นจริงเลย }

ตัวอย่าง

javascript

let score = 75; if (score >= 80) { console.log("เกรด A"); } else if (score >= 70) { console.log("เกรด B"); } else if (score >= 60) { console.log("เกรด C"); } else { console.log("สอบไม่ผ่าน"); }

4️⃣ การเขียนเงื่อนไขหลายตัว

  • ใช้ && (AND) และ || (OR)

ตัวอย่าง

javascript

let age = 20; let hasID = true; if (age >= 18 && hasID) { console.log("สามารถเข้าได้"); } else { console.log("ไม่สามารถเข้าได้"); }

5️⃣ คำสั่ง switch

  • ใช้เมื่อต้องเปรียบเทียบค่าหลายค่าแบบตรงตัว (เหมาะกับค่าคงที่)

  • อ่านง่ายกว่า if...else if เมื่อมีหลายกรณี

รูปแบบ

javascript

switch (ตัวแปร) { case ค่า1: // คำสั่งถ้าตรงกับค่า1 break; case ค่า2: // คำสั่งถ้าตรงกับค่า2 break; default: // คำสั่งถ้าไม่ตรงกับค่าใดเลย }

ตัวอย่าง

javascript

let day = 3; switch (day) { case 1: console.log("วันจันทร์"); break; case 2: console.log("วันอังคาร"); break; case 3: console.log("วันพุธ"); break; default: console.log("ไม่พบข้อมูลวัน"); }

คำสั่ง break ใช้เพื่อหยุดไม่ให้ไปตรวจสอบเคสถัดไป
✅ ถ้าไม่มี break โปรแกรมจะไหลลงเคสถัดไป (เรียกว่า fall-through)


6️⃣ คำสั่งเงื่อนไขแบบย่อ (Ternary Operator)

  • ใช้สำหรับเงื่อนไขสั้น ๆ

รูปแบบ

javascript

เงื่อนไข ? ค่าถ้าเป็นจริง : ค่าถ้าเป็นเท็จ

ตัวอย่าง

javascript

let age = 20; let message = age >= 18 ? "ผู้ใหญ่" : "เยาวชน"; console.log(message);

🎯 สรุป

คำสั่งใช้เมื่อ
if / elseใช้ตรวจสอบเงื่อนไขทั่วไป
else ifใช้ตรวจสอบหลายเงื่อนไขเรียงลำดับ
switchใช้เมื่อมีหลายค่าเปรียบเทียบตรงตัว
ternaryใช้เขียนเงื่อนไขแบบสั้นกระชับ





Facebook Comment