บทความ IT เจ๋งๆ
15 เคล็ดลับมีประโยชน์ สำหรับการใช้งาน JavaScript
08-ก.พ.-23
คัมภีร์เทพ IT
สำหรับบทความนี้ ได้ทำการรวบรวม 15 เคล็ดลับมีประโยชน์ สำหรับการใช้งาน JavaScript มาให้ คุณสามารถใช้เคล็ดลับเหล่านี้ใน Project ต่าง ๆ หรือการทำงานประจำวันของคุณได้ เรามาดูกันเลยว่ามีอะไรบ้าง
1. Number Separator
เพื่อทำให้อ่านค่าตัวเลขได้ง่ายขึ้น คุณสามารถใช้ Underscores เป็นตัว Separators (ตัวคั่น) ได้
2. ทำให้ Event Listeners Run เพียงครั้งเดียว
หากคุณต้องการเพิ่ม Event Listener และทำการ Run เพียงแค่ครั้งเดียว คุณสามารถใช้ Once ได้
3. Console.log Variable Wrapper
ใน Console.log() เราสามารถใส่ Arguments ในวงเล็บปีกกา เพื่อให้คุณเห็นทั้งชื่อของตัวแปรและค่าของตัวแปร
4. ตรวจสอบว่า Caps Lock กำลังถูกใช้งาน อยู่หรือไม่
คุณสามารถใช้ KeyboardEvent.getModifierState() เพื่อตรวจสอบดูว่า Caps Lock กำลังถูกใช้งาน อยู่หรือไม่
5. ดูค่า Min/Max จาก Array
คุณสามารถใช้ Math.min() หรือ Math.max() ร่วมกับ Extension Operator เพื่อค้นหาค่าต่ำสุดหรือค่าสูงสุดใน Array
6. ดูตำแหน่งของ Mouse
คุณสามารถใช้ค่าของ clientX และ clientY Properties ของ MouseEvent Object เพื่อดูข้อมูลเกี่ยวกับพิกัดของตำแหน่ง Mouse ณ ปัจจุบันได้
7. Copy ไปยัง Clipboard
คุณสามารถใช้ Clipboard API เพื่อสร้าง “Copy to Clipboard” Function
8. เขียน Conditional Judgment Statements แบบย่อ
หากคุณต้องการให้ Function ถูก Execute เมื่อ Condition เป็น True เท่านั้น คุณสามารถใช้เครื่องหมาย && ทดแทนได้
9. ให้ Console.table() ทำการ Prints Table ใน Format ที่ต้องการ
Grammar:
Parameters:
- data ในที่นี้ระบุถึง ข้อมูลที่ถูกแสดงผล และพวกมันต้องเป็น Array หรือ Object
- columns หมายถึง Array ที่มีชื่อของ Columns
10. Convert ให้ Strings เป็น Numbers
11. แสดงเฉพาะค่าที่ไม่ซ้ำกันภายใน Array
12. Filter ค่า Dummy ทั้งหมดจาก Array
13. การใช้ Include
14. การใช้ Reduce เพื่อรวมค่าใน Arrays
15. Dataset ของ Element
เราสามารถใช้ Dataset Attribute เพื่อเข้าถึง Data Attributes ที่กำหนดเอง ของ Element (data-*)
ที่มา: https://javascript.plainenglish.io/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด