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 เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด