บทความ IT เจ๋งๆ
9 JavaScript One-Liners สำหรับ Developer มือใหม่ปี 2021
20-ต.ค.-21
คัมภีร์เทพ IT
JavaScript สามารถทำสิ่งที่น่าทึ่งได้มากมาย ตั้งแต่ Framework ที่ซับซ้อนไปจนถึงการจัดการ API ล้วนมีอะไรให้เรียนรู้มากมาย อีกทั้งยังช่วยให้คุณทำอะไรที่เจ๋ง ๆ ได้โดยใช้เพียงแค่บรรทัดเดียว วันนี้เรามาดู 9 JavaScript One-Liners สำหรับ Developer มือใหม่ปี 2021
1. สลับสับเปลี่ยน Array ไปมา
Function ที่สุดแสนจะง่าย ที่รับ Array ของตัวเลขเป็น Argument แล้วจะ Return ค่าแบบสลับสับเปลี่ยนทั้งหมด
Code Block ด้านล่างนี้ แสดงวิธีการสุ่มลำดับของ Array
2. โยนลูกเต๋า
อีกสิ่งที่ JavaScript สามารถทำได้ด้วยการใช้ random Method ก็คือ ใช้ Code เพียงเล็กน้อยที่จะ "โยน" ลูกเต๋าและ Return ตัวเลขระหว่าง 1-6 ให้คุณ
Code Block ด้านล่างนี้ แสดงวิธีการใช้ random Method เพื่อจำลองการโยนลูกเต๋า
3. ตรวจดูการใช้ Dark Mode
คุณต้องการ Update บางส่วนของ Website / Application ของคุณ โดยพิจารณาจาก User ว่าใช้ Dark Mode หรือไม่
คุณสามารถตรวจสอบได้ โดยใช้ JavaScript ด้านล่าง:
Code Block ด้านล่างนี้ แสดงวิธีการตรวจสอบว่า User มีการใช้ Dark Mode หรือไม่
4. ตรวจสอบว่า Code กำลัง Run อยู่บน Browser หรือไม่
คุณอาจจะทราบอยู่แล้วว่า JavaScript Code สามารถ Run ได้ในที่ต่าง ๆ ได้ทุกประเภท ไม่ว่าจะบน Server, ใน Terminal หรือโดยทั่วไปใน Web Browser ของคุณ
หากคุณต้องการ Execute Code ของคุณ ว่ากำลัง Run บน Web Browser คุณสามารถใช้ Code ด้านล่างนี้ เพื่อตรวจสอบได้
5. ดูค่าของ Cookie
พวกมันอยู่ในทุก Website ในปัจจุบัน คุณแทบจะไม่สามารถหลีกเลี่ยงพวกมันได้อีกต่อไป
หากคุณต้องการดูค่าของ Cookie ที่ต้องการที่คุณรู้จักชื่อ คุณสามารถใช้ Function ที่อยู่ด้านล่างเพื่อดูค่าของมันได้
Code Block ด้านล่างนี้ แสดงวิธีการอ่านค่าของ Cookie ที่ต้องการ
6. สร้าง Array ของ 7 วันที่ผ่านมา
นี่เป็นเคล็ดลับเจ๋ง ๆ ที่ Return Array ที่ประกอบไปด้วย 7 วันที่ผ่านมาจนถึงวันปัจจุบัน
คุณสามารถสลับเครื่องหมาย - ไปเป็นเครื่องหมาย + ได้ เพื่อที่คุณจะได้ค่าของ 7 วันถัดไป
7. สลับค่าของตัวแปร 2 ตัว
นี่เป็นตัวอย่างที่สุดแสนจะธรรมดามาก เห็นได้ชัดว่าการสลับค่าของตัวแปร 2 ตัวนั้นง่ายมาก
8. Convert String เป็น URL Slug
การ Convert จาก String ไปเป็น URL Slug อาจดูเป็นตรรกะที่หลายคนรู้สึกว่ายุ่งยาก
เราสามารถแก้ปัญหานี้ได้ด้วยการใช้ RegEx ที่จะลบ Special Characters และเพิ่ม " — ” ระหว่างคำได้
ลองดูได้จากด้านล่างนี้
9. สร้าง Hex Color แบบสุ่ม
คุณอาจไม่เคยรู้ว่า เมื่อใดที่คุณต้องการค่าสี Hex Color แบบสุ่ม เราสามารถใช้ JavaScript One-Liner ด้านล่างนี้ เพื่อสร้าง Hex Color Code แบบสุ่มขึ้นมา
Code Block ด้านล่างนี้ แสดงวิธีสร้าง Hex Color แบบสุ่ม
ที่มา: https://medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด