สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com
การเขียนโปรแกรมเป็นทักษะที่สำคัญในยุคดิจิทัลนี้ ภาษา JavaScript เป็นหนึ่งในภาษาที่ได้รับความนิยมอย่างมาก เนื่องจากมีการใช้กันอย่างแพร่หลายในการพัฒนาเว็บไซต์และแอปพลิเคชันต่างๆ หนึ่งในฟีเจอร์ที่มีประโยชน์และสามารถช่วยลดความยาวของโค้ดใน JavaScript ก็คือ "Ternary Operator" นั่นเอง
#### Ternary Operator คืออะไร?
Ternary Operator ใน JavaScript เป็นการเขียนโค้ดที่ใช้แทนโครงสร้างคำสั่งเงื่อนไข `if...else` แบบย่อ โดย Ternary Operator นี้มีรูปแบบสังเคราะห์ดังนี้:
condition ? expressionIfTrue : expressionIfFalse
โดย:
- `condition` คือเงื่อนไขที่ต้องตรวจสอบ ซึ่งควรเป็นค่าประเภท Boolean (true หรือ false)
- `expressionIfTrue` คือค่าที่จะถูกดำเนินการถ้าเงื่อนไขเป็นจริง (true)
- `expressionIfFalse` คือค่าที่จะถูกดำเนินการถ้าเงื่อนไขเป็นเท็จ (false)
#### การใช้งานเบื้องต้นของ Ternary Operator
มาดูตัวอย่างการใช้ Ternary Operator กัน จากโค้ดที่ใช้คำสั่ง `if...else` แบบพื้นฐาน:
let age = 18;
let isAdult;
if (age >= 18) {
isAdult = true;
} else {
isAdult = false;
}
console.log(isAdult); // Output: true
ในตัวอย่างนี้ จะแสดงว่าอายุเป็นผู้ใหญ่หรือไม่ ซึ่งอายุที่เท่ากับหรือมากกว่า 18 ปีจะถือว่าเป็นผู้ใหญ่ แต่เราสามารถเขียนโค้ดนี้ให้ง่ายขึ้นด้วย Ternary Operator:
let age = 18;
let isAdult = (age >= 18) ? true : false;
console.log(isAdult); // Output: true
คุณจะเห็นได้ว่าโค้ดที่ใช้ Ternary Operator นั้นกระชับและเข้าใจง่ายมากยิ่งขึ้น เพียงแค่บรรทัดเดียว เราก็สามารถทำการตัดสินใจได้
#### รูปแบบการใช้ในกรณีต่าง ๆ
Ternary Operator ไม่ได้ถูกจำกัดเพียงแค่การกำหนดค่า Boolean เท่านั้น แต่ยังสามารถใช้ในกรณีอื่นๆ เช่น การจัดสรรค่าหรือการแสดงข้อความ:
let score = 75;
let grade = (score >= 90) ? 'A' : (score >= 80) ? 'B' : (score >= 70) ? 'C' : 'D';
console.log(`Your grade is ${grade}`); // Output: Your grade is C
ในกรณีนี้ Ternary Operator ถูกใช้งานในรูปแบบซ้ำซ้อน (nested) เพื่อจัดระดับเกรดตามคะแนนที่จะได้รับ ซึ่งโค้ดนี้สามารถลดการใช้คำสั่ง if...else หลายชั้นได้ดี
#### ข้อดีและข้อเสียของ Ternary Operator
- ทำให้โค้ดเรียบง่ายและกระชับยิ่งขึ้น เมื่อเทียบกับ `if...else`
- เพิ่มความอ่านง่ายในโค้ดที่เงื่อนไขไม่ซับซ้อน
- อาจทำให้โค้ดยุ่งเหยิงและยากต่อการอ่าน เมื่อนำ Ternary Operator ไปใช้กับเงื่อนไขที่ซับซ้อนเกินไป เช่น การใช้แบบซ้ำซ้อนหลายชั้น
- ไม่เหมาะกับการใช้งานที่ต้องการดำเนินการมากกว่าหนึ่งบรรทัดในแต่ละเงื่อนไข
#### สรุป
Ternary Operator ถือเป็นเครื่องมือที่ทรงพลังใน JavaScript ที่ช่วยให้การเขียนโค้ดมีความกระชับและอ่านง่ายขึ้น หากใช้อย่างเหมาะสมก็จะเพิ่มประสิทธิภาพในการเขียนโปรแกรมของคุณได้อย่างดี โดยเฉพาะอย่างยิ่งในกรณีที่มีเงื่อนไขง่ายๆและไม่มีความซับซ้อนมาก
สำหรับผู้อ่านที่สนใจอยากพัฒนาความรู้และทักษะในการเขียนโปรแกรม JavaScript และภาษาคอมพิวเตอร์อื่นๆ โดยเฉพาะการทำความเข้าใจส่วนต่างๆ ของการเขียนโปรแกรมในเชิงลึก ทาง Expert-Programming-Tutor (EPT) มีหลักสูตรต่างๆ ที่สามารถช่วยให้คุณก้าวหน้าในสายอาชีพโปรแกรมเมอร์ได้อย่างมั่นใจ
แล้วมาเรียนรู้ไปด้วยกันนะครับ!
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/
Tag ที่น่าสนใจ: java c# vb.net python c c++ machine_learning web database oop cloud aws ios android
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ 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