19 JavaScript One-Liners That’ll Make You Look Like a Pro
07-Feb-24
คัมภีร์เทพ IT
See the original english version Click here!
โดยทั่วไป เราทุกคนมักจะหาทางลดความซับซ้อนในการทำงานลง และการเขียน Code ให้สั้นลงแต่ยังได้ผลลัพธ์ตามที่ต้องการก็อาจจะเป็นสิ่งที่ Developer หลายคนชื่นชอบ แถมยังเป็นการยกระดับความสามารถขึ้นอีกด้วย บทความนี้จึงมาแนะนำ 19 JavaScript One-Liners ที่ทำให้คุณเขียน Code แบบมือ Pro
1. การ Generate String แบบสุ่ม
เราสามารถใช้ Math.random เพื่อสร้าง String แบบสุ่มได้ ซึ่งจะสะดวกอย่างมาก ในกรณีที่เราต้องการ Unique ID
2. การหลีกเลี่ยงอักขระพิเศษใน HTML
หากคุณมีความรู้เกี่ยวกับ XSS, หนึ่งในวิธีแก้ปัญหาก็คือ การหลีกเลี่ยง HTML Strings
3. ทำให้อักขระตัวแรกของแต่ละคำใน String เป็นตัวพิมพ์ใหญ่
เราสามารถใช้ Method นี้เพื่อทำให้อักขระตัวแรกของแต่ละคำใน String เป็นตัวพิมพ์ใหญ่
และนี่ก็เป็นอีกวิธีที่ง่ายกว่าโดยคุณ Christopher Strolia-Davis
4. Convert String ให้เป็น camelCase
5. ลบรายการที่ซ้ำกันใน Array
หากคุณมีความจำเป็นที่ต้องลบรายการที่ซ้ำกันของ Array ออก การใช้ "Set" จะกลายเป็นเรื่องง่ายมาก
6. การ Flatten Array
สิ่งนี้มักจะถูกใช้ในการทดสอบระหว่างการสัมภาษณ์งาน ซึ่งสามารถทำได้ 2 วิธี
7. การลบค่าที่เป็นเท็จออกจาก Array
เมื่อใช้ Method นี้ คุณจะสามารถกรองค่าที่เป็นเท็จทั้งหมดใน Array ออกไปได้
8. ตรวจสอบว่าตัวเลขนั้น เป็นเลขคู่หรือคี่
คุณสามารถสิ่งนี้ได้อย่างง่ายดายด้วยการใช้ Modulo Operator (%)
9. หาค่าตัวเลข Random ระหว่างตัวเลข 2 จำนวน
เราสามารถใช้ Method นี้เพื่อหาค่าตัวเลข Random ระหว่างตัวเลข 2 จำนวน
10. หาค่าเฉลี่ยของ Arguments
เราสามารถใช้ Reduce Method เพื่อหาค่าเฉลี่ยของ Arguments ได้
11. การปัดจุดทศนิยมได้ตามที่ต้องการ
เราสามารถปัดจุดทศนิยมของตัวเลขได้ตามที่เราต้องการ
12. คำนวณจำนวนวันจากวันที่หนึ่งถึงอีกวันที่หนึ่ง
บางครั้งเราก็ต้องการคำนวณจำนวนวันจากวันที่หนึ่งถึงอีกวันที่หนึ่ง คุณสามารถทำตาม Code ด้านล่างนี้ได้
13. หาลำดับของวันใน 1 ปี
คุณเคยต้องการทราบว่า วันนี้เป็นลำดับที่เท่าไรของปีแล้วบ้างไหม?
14. การ Generate Hex Color แบบสุ่ม
หากคุณต้องการค่าสีแบบสุ่ม สามารถใช้ Function นี้ได้
15. Convert RGB Color ให้เป็นแบบ Hex
16. การ Clear Cookies ทั้งหมด
17. การตรวจดูการใช้ Dark Mode
18. การสลับค่าของตัวแปร 2 ตัว
19. การหยุดชั่วคราว
ที่มา: https://blog.stackademic.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
บทความล่าสุด