10 one-liners that will change how you think about JavaScript forever
09-Oct-24
คัมภีร์เทพ IT
See the original english version Click here!
การเขียน Code ให้มีความกระชับและ Clean ถือเป็นหนึ่งในคุณสมบัติของ Developers ที่ดีควรมี และแน่นอนว่า JavaScript สามารถทำสิ่งนั้นได้ บทความนี้จะมาแนะนำ 10 One-Liners ที่จะช่วยเปลี่ยนแนวทางการเขียน Code ของ JavaScript
1. การสลับลำดับใน Array
ก่อน:
หลัง:
สิ่งที่ซับซ้อนที่สุดสำหรับฉันคือการหาวิธีสลับค่าแบบที่ไม่เปลี่ยนแปลงค่าเดิม (Immutable) และไม่ใช้ตัวแปร ซึ่งมันทำให้คิดหนักมากเวลาใช้ Reduce()
นอกจากนี้ ยังมีวิธีนี้อีก:
เรามักจะเห็นวิธีนี้บ่อยครั้ง แต่มันไม่ช่วยให้ได้การสุ่มที่มีการกระจายอย่างเท่าเทียมนัก
2. การเรียงลำดับ String แบบย้อนกลับ
8 บรรทัด:
1 บรรทัด:
3. การจัดกลุ่ม Array ตาม ID
การจัดกลุ่ม Array ตาม Object Property ที่ต้องการ:
4. การสร้าง UUID แบบสุ่ม
มีหลายแนวคิดทางภาษา Programming ที่ทำงานร่วมกันอยู่ในนี้:
มีทั้งคณิตศาสตร์พื้นฐาน, การยกกำลัง, การสุ่ม, Methods, Bit-Shifting, Regexes, Callback Functions, Recursion, Exponentiation… มันคือความสมบูรณ์แบบ
5. การสร้าง Hex Color แบบสุ่ม
ใช้เพียง 1 บรรทัดเพื่อสร้าง Hex Color แบบสุ่ม:
6. หาว่า Array เหมือนกันหรือไม่
ตรวจสอบว่า Array เหมือนกันหรือไม่ ด้วย Code เพียงบรรทัดเดียว…
11 บรรทัด:
1 บรรทัด:
หรือ:
7. ลบรายการที่ซ้ำกันจาก Array
วิธีที่สั้นที่สุด ในการลบรายการที่ซ้ำกันออกจาก Array คืออะไร
9 บรรทัด:
1 บรรทัด:
เมื่อก่อน การลบค่าที่ซ้ำกันเป็นเหตุผลหลักที่ทำให้คนสนใจใช้ Set — จนกระทั่งเราได้รู้ว่ามี Method ใหม่ ๆ ที่น่าทึ่งทั้ง 7 นี้
8. การตรวจสอบ Email
การตรวจสอบอีเมลด้วย Code สั้น ๆ นั้น มักจะใช้ regex:
แต่เราอาจเคยเห็น Code ที่ซับซ้อนแบบนี้ (มีการตรวจสอบที่ละเอียดขึ้น):
และแบบนี้ (ละเอียดที่สุด) — คุณพอจะมองออกไหม:
มันคงเป็นเรื่องของการตรวจสอบให้ครบถ้วนที่สุด — สมมุติว่า Code แบบแรกสามารถจับความผิดพลาดของอีเมลได้ประมาณ 95% แต่ Code แบบที่สองอาจจับได้ถึง 99%
ส่วน Code แบบสุดท้ายนี้ เป็น RFC 2822 Standard สำหรับการตรวจสอบอีเมล — ซึ่งหมายถึง ความครอบคลุมถึง 100%
9. การแปลง JSON เป็น Maps
10. การแปลง Snake Case เป็น Camel Case
สามารถแปลง Snake Case เป็น Camel Case ได้อย่างง่ายดายโดยไม่ต้องใช้ตัวแปรชั่วคราว (Temporary Variables)
สรุป
และนี่ก็เป็น 10 One-Liners ที่จะช่วยเปลี่ยนแนวทางการเขียน Code ของ JavaScript ซึ่งมันเป็นความสามารถและความงดงามของ JavaScript ที่สามารถเขียนคำสั่งได้ด้วย Code ที่สั้นลง
ที่มา: https://medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
บทความล่าสุด