🔥 สวีดัด สวัสดีเพื่อน ๆ ทุกคนนนนจ้าาา!! วันนี้แอดมาแชร์ทริคเด็ด ๆ ของ JavaScript ให้กับเพื่อน ๆ อีกแล้ววว !! นั่นคือ Ternary Operator ที่จะช่วยให้เราเขียน if...else ให้สั้น กระชับ มากขึ้นนั่นเอง
.
จะเป็นยังไงนั้น ไปอ่านรายละเอียด และวิธีการใช้งานได้ด้านล่างเลยจ้า !!
.
🔹 Ternary Operator - เป็นตัวดำเนินการแบบมีเงื่อนไข ซึ่งในบางครั้งสามารถใช้แทน if...else ได้นั่นเอง !!
.
⚙️ Syntax
condition (truthy or falsy) ? code to execute if truthy : code to execute if falsy;
.
👨💻 ตัวอย่างโค้ด
.
🌟 Normal if...else
let covidTestPrice = 3500;
if (covidTestPrice > 0) {
console.log('That’s a rip-off!!!!');
} else {
console.log('That is dirt cheap.');
}
.
🌟 Ternary Operator
let covidTestPrice = 3500;
covidTestPrice > 0 ? console.log('That’s a rip-off!!!!') : console.log('That is dirt cheap.');
.
👉 ซึ่งทั้งสองจะได้ผลลัพธ์เหมือนกัน นั่นคือ That’s a rip-off!!!! นั่นเอง
.
✨ Ternary Operator มีประโยชน์ในการใช้งานกับเงื่อนไขไม่ซับซ้อนมาก ทำให้โค้ดอ่านง่าย และสั้นกระชับมากขึ้น แต่เงื่อนไขที่ซับซ้อนก็ใช้ได้เช่นกัน แต่อาจจะทำให้โค้ดนั้นอ่านยากขึ้นนั่นเอง
.
แอดแนะนำว่าถ้าเป็นกรณีเงื่อนไขซับซ้อนเยอะ ๆ ให้ใช้ if...else แบบปกติจะดีกว่า เพื่อน ๆ ก็เลือกใช้กันให้เหมาะสมกับโค้ดของตัวเองด้วยนะ !!
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「ternary operator javascript」的推薦目錄:
- 關於ternary operator javascript 在 BorntoDev Facebook 的最佳貼文
- 關於ternary operator javascript 在 Make Your Code Cleaner with JavaScript Ternary Operator 的評價
- 關於ternary operator javascript 在 Ternary Operator(三元運算子) | 歷史共業 的評價
- 關於ternary operator javascript 在 How do you use the ? : (conditional) operator in JavaScript? 的評價
- 關於ternary operator javascript 在 use-multiple-conditional-ternary-operators.english.md - GitHub 的評價
ternary operator javascript 在 Ternary Operator(三元運算子) | 歷史共業 的推薦與評價
Ternary Operator (三元運算子). 2017-04-09前端筆記 · JavaScript. 如果if-else 內的處理邏輯很簡單具有共同性,例如只是宣告或回傳某值,可以考慮使用Ternary ... ... <看更多>
ternary operator javascript 在 How do you use the ? : (conditional) operator in JavaScript? 的推薦與評價
... <看更多>
ternary operator javascript 在 Make Your Code Cleaner with JavaScript Ternary Operator 的推薦與評價
This tutorial shows you how to use the JavaScript ternary operator as the shortcut of the if-else statement to make your code cleaner. ... <看更多>