สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com
# 5 JavaScript Conditional ที่ต้องรู้จักสำหรับการเขียนโค้ดอย่างมืออาชีพ
JavaScript เป็นภาษาระดับโลกที่ใช้ในการพัฒนาเว็บไซต์และแอปพลิเคชั่น การทำความเข้าใจในคำสั่ง Conditional ที่ง่ายแต่ทรงพลังเป็นสิ่งสำคัญที่นักพัฒนาต้องมีความชำนิชำนาญ ในบทความนี้ เราจะแนะนำ 5 JavaScript Conditional ที่ควรรู้จักเพื่อเขียนโค้ดที่มีโครงสร้างและยืดหยุ่นอย่างมืออาชีพ
เริ่มต้นด้วย `if` statement ที่ใช้สำหรับการตัดสินใจอย่างง่าย โดยแบ่งเงื่อนไขออกเป็นหลายสาขา:
if (เงื่อนไข) {
// ทำงานเมื่อเงื่อนไขเป็นจริง
}
ตัวอย่าง:
let score = 85;
if (score > 80) {
console.log("คุณได้เกรด A");
}
ในกรณีที่ต้องมีการจัดการเงื่อนไขที่ไม่จริง จะใช้ `if...else` statement เพื่อควบคุมการทำงานแต่ละสถานการณ์:
if (เงื่อนไข) {
// ทำงานเมื่อเงื่อนไขเป็นจริง
} else {
// ทำงานเมื่อเงื่อนไขไม่จริง
}
ตัวอย่าง:
let score = 75;
if (score > 80) {
console.log("คุณได้เกรด A");
} else {
console.log("คุณไม่ได้เกรด A");
}
สำหรับสถานการณ์ที่มีเงื่อนไขมากกว่า 2 อย่าง, `else if` เข้ามามีบทบาท เพื่อจัดการกับสถานการณ์ที่หลากหลาย:
if (เงื่อนไข1) {
// ทำงานเมื่อเงื่อนไข1 เป็นจริง
} else if (เงื่อนไข2) {
// ทำงานเมื่อเงื่อนไข2 เป็นจริง
} else {
// ทำงานเมื่อเงื่อนไขอื่นๆ ไม่จริง
}
ตัวอย่าง:
let score = 75;
if (score >= 80) {
console.log("คุณได้เกรด A");
} else if (score >= 70) {
console.log("คุณได้เกรด B");
} else {
console.log("คุณต้องพยายามอีกนิด");
}
สำหรับโค้ดที่สั้นและต้องการการตัดสินใจที่รวดเร็ว `ternary operator` เป็นทางเลือกที่ดี ทำงานเหมือน `if...else` แต่ใช้งานในบรรทัดเดียว:
เงื่อนไข ? คำสั่งเมื่อจริง : คำสั่งเมื่อไม่จริง;
ตัวอย่าง:
let score = 85;
console.log(score > 80 ? "คุณได้เกรด A" : "คุณไม่ได้เกรด A");
เมื่อมีอย่างน้อย 3 ค่าที่ต้องการตรวจสอบ `switch statement` จะเป็นเครื่องมือที่กระชับและชัดเจน:
switch (ตัวแปร) {
case ค่าที่1:
// ทำงานเมื่อตัวแปรเท่ากับค่าที่1
break;
case ค่าที่2:
// ทำงานเมื่อตัวแปรเท่ากับค่าที่2
break;
default:
// ทำงานเมื่อไม่ตรงกับเคสใดๆ
}
ตัวอย่าง:
let fruit = 'มะม่วง';
switch (fruit) {
case 'แอปเปิ้ล':
console.log('สีแดง');
break;
case 'มะม่วง':
console.log('สีเหลือง');
break;
case 'องุ่น':
console.log('สีม่วง');
break;
default:
console.log('สีไม่ทราบข้อมูล');
}
การทำความเข้าใจถึงเงื่อนไขต่างๆ ใน JavaScript ไม่เพียงแต่ช่วยให้โค้ดของคุณดูมืออาชีพแต่ยังช่วยให้การเขียนโปรแกรมมีประสิทธิภาพมากขึ้นด้วย การฝึกฝนการใช้ Conditional เหล่านี้ในสถานการณ์ต่างๆ จะเป็นทักษะที่คุ้มค่าสำหรับตัวคุณเองและทีมงานของคุณ
การเรียนรู้การเขียนโปรแกรมเป็นสิ่งที่ต้องใช้การลงมือปฏิบัติและการฝึกฝนอย่างต่อเนื่อง หากคุณสนใจและต้องการพัฒนาทักษะการเขียนโค้ดเพิ่มเติม ก็อย่าลืมที่จะทำการศึกษาอย่างต่อเนื่องและรับความรู้ใหม่ๆ เพื่อพัฒนาตนเอง พร้อมกับเตรียมพร้อมในการพบกับโจทย์ที่ท้าทายยิ่งขึ้นในโลกแห่งโค้ดนี้!
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/
Tag ที่น่าสนใจ: javascript conditional if_statement if...else_statement else_if_statement ternary_operator switch_statement programming web_development
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com