if..else../javascript
คำสั่ง if...else ใน JavaScript คือกลไกการควบคุมการทำงาน (control flow statement) ที่ช่วยให้โค้ดของคุณสามารถตัดสินใจได้ว่าจะ ดำเนินการโค้ดบล็อกไหน โดยอิงจาก เงื่อนไข (condition) ที่กำหนด 🤖
หลักการทำงาน ⚙️
การตรวจสอบเงื่อนไข (if): ระบบจะตรวจสอบว่า เงื่อนไข ที่อยู ่ในวงเล็บ () เป็น จริง (truthy) หรือไม่
กรณีเป็นจริง: ถ้าเงื่อนไขเป็นจริง โค้ดที่อยู่ในบล็อก if ({ ... }) จะถูก ดำเนินการ
กรณีเป็นเท็จ (else): ถ้าเงื่อนไขเป็นเท็จ (falsy) โค้ดที่อยู่ในบล็อก else (ซึ่งเป็นส่วนทางเลือก) จะถูก ดำเนินการแทน
โครงสร้างไวยากรณ์ (Syntax) 📝
JavaScript
if (เงื่อนไข_ที่จะ_ตรวจสอบ) {
// บล็อกโค้ด A: ทำงานถ้า 'เงื่อนไข' เป็นจริง
} else {
// บล็อกโค้ด B: ทำงานถ้า 'เงื่อนไข' เป็นเท็จ
}
ตัวอย่าง 💡
สมมติเราต้องการตรวจสอบว่าคะแนนสอบผ่านหรือไม่
JavaScript
let score = 75;
let passingScore = 50;
if (score >= passingScore) {
console.log("ยินดีด้วย! คุณสอบผ่าน."); // จะทำงานเพราะ 75 >= 50 เป็นจริง
} else {
console.log("ขออภัย! คุณสอบไม่ผ่าน.");
}
// ผลลัพธ์: ยินดีด้วย! คุณสอบผ่าน.
นอกจากการใช้งานคำสั่ง if...else เบื้องต้นแล้ว ฉันอยากแชร์ประสบการณ์ที่เจอเมื่อเริ่มเขียนโปรแกรมด้วย JavaScript ซึ่งพบว่าการเข้าใจว่าค่าที่ตรวจสอบในเงื่อนไขเป็น "truthy" หรือ "falsy" ถือเป็นเรื่องสำคัญมาก เพราะค่าบางค่า เช่น 0, "", null, undefined จะถูกตีความเป็น false ทำให้โค้ดในบล็อก else ถูกเรียกใช้ อีกอย่างที่สำคัญคือการใช้คำสั่ง if...else ซ้อนกัน (nested if...else) เพื่อจัดการเงื่อนไขหลายกรณีอย่างมีประสิทธิภาพ เช่น การตรวจสอบคะแนนสอบหลายระดับเพื่อแยกระดับเกรด นอกจากนี้ยังมีวิธีอื่นๆ อย่างการใช้คำสั่ง switch ซึ่งบางครั้งจะเหมาะสมกว่าเมื่อมีหลายกรณีที่ต้องตรวจสอบ สำหรับผู้ที่เพิ่งเริ่มต้น แนะนำให้ลองเขียนโปรแกรมเล็กๆ เช่น ตรวจสอบว่าราคาสินค้ามีส่วนลดหรือไม่ หรือตรวจสอบอายุเพื่อแยกว่าคนคนนั้นเป็นเด็ก วัยรุ่น หรือผู้ใหญ่ เพื่อฝึกความเข้าใจในโครงสร้างควบคุม if...else ให้คล่อง จากคำแนะนำด้านบนและโค้ดตัวอย่างในบทความนี้ ฉันมั่นใจว่าคุณจะเข้าใจและใช้คำสั่ง if...else ใน JavaScript ได้ดีขึ้นอย่างแน่นอน และยังช่วยให้เขียนโปรแกรมที่มีความยืดหยุ่นและตอบสนองตามเงื่อนไขที่ต้องการได้อย่างถูกต้อง
🥰🥰🥰🥰