🔥 สวีดัด สวัสดีเพื่อน ๆ ทุกคนนนนจ้าาา!! วันนี้แอดมาแชร์ทริคเด็ด ๆ ของ 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有2部Youtube影片,追蹤數超過12萬的網紅prasertcbs,也在其Youtube影片中提到,เทคนิคการกำหนดค่าอย่างมีเงื่อนไขให้กับตัวแปรโดยใช้ conditional/ternary operator ?: ดาวน์โหลดไฟล์ตัวอย่างได้ที่ ► https://goo.gl/w9XgCR เชิญสมัครเป็นสม...
「ternary operator」的推薦目錄:
- 關於ternary operator 在 BorntoDev Facebook 的最佳貼文
- 關於ternary operator 在 prasertcbs Youtube 的最佳貼文
- 關於ternary operator 在 prasertcbs Youtube 的精選貼文
- 關於ternary operator 在 Ternary Operator(三元運算子) | 歷史共業 的評價
- 關於ternary operator 在 Make Your Code Cleaner with JavaScript Ternary Operator 的評價
- 關於ternary operator 在 Ternary Operator - Beau teaches JavaScript - YouTube 的評價
- 關於ternary operator 在 How do you use the ? : (conditional) operator in JavaScript? 的評價
- 關於ternary operator 在 Should the ternary operator be used outside of assignment ... 的評價
- 關於ternary operator 在 Use the Conditional (Ternary) Operator - freeCodeCamp-1 的評價
ternary operator 在 prasertcbs Youtube 的最佳貼文
เทคนิคการกำหนดค่าอย่างมีเงื่อนไขให้กับตัวแปรโดยใช้ conditional/ternary operator ?:
ดาวน์โหลดไฟล์ตัวอย่างได้ที่ ► https://goo.gl/w9XgCR
เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
playlist สอนภาษา C++ ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEfZwqM2KyCBcPTVsc6cU_i
playlist สอนภาษา C เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHHgz0S1tSyIl7vkG0y105z
playlist สอนภาษา C# ► https://www.youtube.com/playlist?list=PLoTScYm9O0GE4trr-XPozJRwaY7V9hx8K
playlist สอนภาษา Java ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF26yW0zVc2rzjkygafsILN
playlist สอนภาษา Python ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH4YQs9t4tf2RIYolHt_YwW
playlist สอนภาษาไพธอน Python OOP ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEIZzlTKPUiOqkewkWmwadW
playlist สอน Python 3 GUI ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFB1Y3cCmb9aPD5xRB1T11y
playlist สอนภาษา PHP เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH_6LARFxozL_viEsXV2wgO
playlist สอนภาษา R เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF6qjrRuZFSHdnBXD2KVICp
ternary operator 在 prasertcbs Youtube 的精選貼文
ดาวน์โหลดไฟล์ตัวอย่างได้ที่ https://goo.gl/5A94pv
เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
playlist สอนภาษา C เบื้องต้น ► https://www.youtube.com/watch?v=Z_u8Nh_Zlqc&list=PLoTScYm9O0GHHgz0S1tSyIl7vkG0y105z
playlist สอนภาษา C++ เบื้องต้น ► https://www.youtube.com/watch?v=_NHyJBIxc40&list=PLoTScYm9O0GEfZwqM2KyCBcPTVsc6cU_i
playlist สอนภาษา C# เบื้องต้น ► https://www.youtube.com/watch?v=hhl49jwOIZI&list=PLoTScYm9O0GE4trr-XPozJRwaY7V9hx8K
playlist สอนภาษาจาวา Java เบื้องต้น ► https://www.youtube.com/watch?v=O3rW9JvADfU&list=PLoTScYm9O0GF26yW0zVc2rzjkygafsILN
playlist สอนการทำ Unit Test ภาษาจาวา Java ► https://www.youtube.com/watch?v=R11yg8hKApU&list=PLoTScYm9O0GHiK3KNdH_PrNB0G3-kb1Bi
playlist สอนภาษาไพธอน Python เบื้องต้น ► https://www.youtube.com/watch?v=DI7eca5Kzdc&list=PLoTScYm9O0GH4YQs9t4tf2RIYolHt_YwW
playlist สอนภาษาไพธอน Python การเขียนโปรแกรมเชิงวัตถุ (OOP: Object-Oriented Programming) ► https://www.youtube.com/watch?v=4bVBSluxJNI&list=PLoTScYm9O0GF_wbU-7layLaSuHjzhIRc9
playlist สอนภาษา R เบื้องต้น ► https://www.youtube.com/watch?v=oy4qViQLXsI&list=PLoTScYm9O0GF6qjrRuZFSHdnBXD2KVICp
playlist สอนภาษา PHP เบื้องต้น ► https://www.youtube.com/watch?v=zlRDiXjYVo4&list=PLoTScYm9O0GH_6LARFxozL_viEsXV2wgO
ternary operator 在 Make Your Code Cleaner with JavaScript Ternary Operator 的推薦與評價
The code looks much cleaner. In general, the syntax of the ternary operator is as follows: condition ? expression_1 : expression_2;. The JavaScript ternary ... ... <看更多>
ternary operator 在 Ternary Operator - Beau teaches JavaScript - YouTube 的推薦與評價
The ternary operator, or conditional operator, takes three arguments and is basically a shortened way of ... ... <看更多>
ternary operator 在 Ternary Operator(三元運算子) | 歷史共業 的推薦與評價
Ternary Operator (三元運算子). 2017-04-09前端筆記 · JavaScript. 如果if-else 內的處理邏輯很簡單具有共同性,例如只是宣告或回傳某值,可以考慮使用Ternary ... ... <看更多>