nested if-else คืออะไร การใช้งาน nested if-else ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

Nested if-else คืออะไร?

Nested if-else ในทางการเขียนโปรแกรมคือการซ้อนการตัดสินใจหลายๆ ระดับเข้าไว้ด้วยกัน เพื่อจัดการกับเงื่อนไขที่ซับซ้อนได้อย่างมีลำดับชั้น หากจินตนาการถึงแผนผังแบบสาขาของต้นไม้ ก็จะเห็นว่าคำแถลง if ที่ตามมาจากคำแถลง if หนึ่งก่อนหน้านั้นเป็นเหมือนกิ่งที่ขยายออกไป เติบโตเรื่อยๆ ตามเงื่อนไขที่เรากำหนด

การใช้งาน Nested if-else ในภาษา JavaScript

ในภาษา JavaScript, การใช้งาน nested if-else สามารถทำได้โดยการแทรกคำแถลง if-else ซ้อนกันภายในบล็อกของคำแถลง if-else อื่นๆ เรามาดูตัวอย่างโค้ดเพื่อช่วยในการเข้าใจ:


function checkGrade(score) {
    if (score >= 80) {
        if (score >= 90) {
            console.log("เกรด A");
        } else {
            console.log("เกรด B");
        }
    } else {
        if (score >= 60) {
            console.log("เกรด C");
        } else {
            console.log("เกรด F");
        }
    }
}

checkGrade(85); // จะแสดงผลว่า "เกรด B"
checkGrade(55); // จะแสดงผลว่า "เกรด F"

ในตัวอย่างข้างต้น, ฟังก์ชัน `checkGrade` จะตรวจสอบคะแนนที่มีค่าตั้งแต่ 0 ถึง 100 และคำณวนเป็นเกรดตามเงื่อนไขที่กำหนดไว้ภายในฟังก์ชัน

ตัวอย่างการใช้งาน Nested if-else ในโลกจริง

ตัวอย่างที่ 1: การตัดสินใจพิมพ์แบบสอบถามตามอายุและเพศ


function printSurveyForm(age, gender) {
    if (age > 18) {
        if (gender === 'male') {
            console.log("พิมพ์แบบฟอร์มสำหรับชายผู้ใหญ่");
        } else {
            console.log("พิมพ์แบบฟอร์มสำหรับหญิงผู้ใหญ่");
        }
    } else {
        if (gender === 'male') {
            console.log("พิมพ์แบบฟอร์มสำหรับชายเยาวชน");
        } else {
            console.log("พิมพ์แบบฟอร์มสำหรับหญิงเยาวชน");
        }
    }
}

printSurveyForm(20, 'female'); // แสดงผล "พิมพ์แบบฟอร์มสำหรับหญิงผู้ใหญ่"

ตัวอย่างที่ 2: จำแนกประเภทของสมาชิกของเว็บไซต์ตามอายุและการเข้าใช้งาน


function categorizeMember(age, loginCount) {
    if (age >= 18) {
        if (loginCount > 50) {
            console.log("สมาชิกประเภท VIP");
        } else {
            console.log("สมาชิกประเภททั่วไป");
        }
    } else {
        if (loginCount > 50) {
            console.log("สมาชิกเยาวชนประเภท VIP");
        } else {
            console.log("สมาชิกเยาวชนประเภททั่วไป");
        }
    }
}

categorizeMember(16, 55); // แสดงผล "สมาชิกเยาวชนประเภท VIP"

ความคิดเห็นและวิจารณ์เกี่ยวกับการใช้งาน Nested if-else

การใช้ nested if-else นั้นมีทั้งข้อดีและข้อเสีย โดยข้อดีคือ ช่วยให้สามารถจัดการกับเงื่อนไขที่ซับซ้อนได้อย่างละเอียดและมีระเบียบ แต่ข้อเสียคืออาจทำให้โค้ดเข้าใจยากขึ้น และในบางครั้งอาจทำให้โค้ดดูไม่สวยงาม เนื่องจากมีความซับซ้อนที่มากเกินไป และจะยากต่อการบำรุงรักษา

ในทางปฏิบัติ หากเราพบว่าต้องใช้ nested if-else มากเกินไปในฟังก์ชันหนึ่งๆ ควรพิจารณาการปรับโครงสร้างโค้ด เช่นการใช้ switch-case หรือการแยกย่อยฟังก์ชันออกมาเพื่อทำให้โค้ดอ่านง่ายขึ้นและทำความเข้าใจได้ง่ายขึ้น

ท้ายที่สุดนี้, การเรียนรู้เกี่ยวกับ nested if-else คือการเริ่มต้นสู่การควบคุมลำดับการทำงานของโค้ดให้มีประสิทธิภาพ เราที่ EPT พร้อมให้คำแนะนำและแบ่งปันความรู้ในด้านนี้ ไม่ว่าจะเป็นในห้องเรียนหรือผ่านทางหลักสูตรออนไลน์ จึงขอเชิญชวนนักเรียนทั้งหลายที่มีใจรักในการเขียนโค้ด มาสัมผัสประสบการณ์การเรียนการสอนที่ไร้ขีดจำกัด และพัฒนาทักษะการเขียนโปรแกรมไปกับเราที่ EPT ที่จะช่วยเปลี่ยนความซับซ้อนให้เป็นความเรียบง่ายและสร้างสรรค์ได้ในทุกๆ บรรทัดของโค้ด!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง

Tag ที่น่าสนใจ: nested_if-else javascript programming conditional_statements nested_conditions if-else_statement programming_logic code_examples beginner-friendly complex_conditions

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

nested if-else คืออะไร การใช้งาน nested if-else ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง