JavaScript มีตัวอย่างโค้ดบรรทัดเดียวจำนวนมากที่ทำสิ่งที่ทรงพลังมากมาย เราจะพูดถึงคอลเลกชั่นของ 10 JavaScript one-liners ที่ฉันใช้โดยส่วนตัวตลอดเวลา

หวังว่าจะมีบางรายการในรายการนี้ที่คุณยังไม่รู้

1. การเรียงลำดับอาร์เรย์ของวัตถุ

การรู้วิธีจัดเรียงอาร์เรย์ของออบเจ็กต์ตามคุณสมบัติบางอย่างอาจมีประโยชน์เมื่อต้องแสดงข้อมูลในลำดับเฉพาะ สมมติว่าคุณต้องการแสดงผลลัพธ์บนหน้าตามลำดับตัวอักษร

ซึ่งสามารถทำได้ค่อนข้างง่ายใน JavaScript แม้ว่าจะมีหลายวิธีที่คุณสามารถเขียนโค้ดเพื่อจัดเรียงอาร์เรย์ของคุณ

ในตัวอย่างทั้งหมด เราใช้ วิธีsortของ JavaScript ตัวอย่างแรกใช้ฟังก์ชันลูกศร

คุณสามารถปรับโครงสร้างใหม่ได้หากต้องการ โอกาสที่คุณจะต้องใช้ฟังก์ชันเปรียบเทียบในหลายๆ ที่ ในกรณีนั้น ฉันขอแนะนำการใช้งานต่อไปนี้ เพื่อให้คุณสามารถใช้ฟังก์ชันCompareNames ซ้ำ ได้

และแน่นอน ตามที่ได้เปิดเผยไว้ คุณสามารถทำสิ่งนี้ได้ในบรรทัดเดียว แม้ว่าสิ่งนี้จะยุ่งเหยิงอย่างรวดเร็วหากคุณมีฟังก์ชันเปรียบเทียบที่มีตรรกะมากมาย ฉันจะใช้งานนี้หากฟังก์ชันเปรียบเทียบค่อนข้างง่าย

2. รับจุดตัดของอาร์เรย์

การหาจุดตัดของอาร์เรย์อาจเป็นหนึ่งในปัญหาการเขียนโปรแกรมที่คุณพบซึ่งอาจทำให้คุณปวดหัว แต่ไม่จำเป็นเพราะทุกอย่างสามารถทำได้ด้วยผ้าซับในเส้นเดียวนี้ ซึ่งจะช่วยบรรเทาอาการปวดหัวได้อย่างแท้จริง

โปรดทราบว่าฟังก์ชันนี้สามารถรับจุดตัดของอาร์เรย์มากกว่าสองอาร์เรย์ในแต่ละครั้ง

3. รับจำนวนวันในหนึ่งเดือน

การทำงานกับวันที่ใน JavaScript โดยไม่ได้รับความช่วยเหลือจากไลบรารีภายนอกในบางครั้งอาจเป็นเรื่องยุ่งยาก แต่คุณรู้หรือไม่ว่ามีซับในหนึ่งเส้นที่สะอาดและใช้งานง่ายที่ช่วยให้คุณได้รับจำนวนวันในหนึ่งเดือน

4. การสลับค่าในทางที่ดี

การสลับค่าของตัวแปรสองตัวเป็นสิ่งที่คุณอาจเคยทำมาหลายครั้งแล้ว วิธีแบบเก่าในการทำเช่นนี้คือการใช้ตัวแปรที่สามชั่วคราว ซึ่งมีลักษณะดังนี้:

แต่คุณรู้หรือไม่ว่ามีวิธีแก้ปัญหาที่ง่ายกว่ามากสำหรับการสลับค่าของตัวแปรสองตัวใน JavaScript? ดูโค้ดบรรทัดต่อไปนี้ ซึ่งมีการสลับเกิดขึ้นจริงในบรรทัดเดียว

วิธีนี้ดูสะอาดกว่ามากใช่ไหม

5. แผ่อาร์เรย์

วันที่การแบนอาร์เรย์อาจเป็นความท้าทายที่แท้จริงจบลงด้วยสายการบินเดียวที่เรียบร้อยนี้

แต่มีวิธีที่สั้นกว่าในการทำสิ่งนี้ให้สำเร็จ คุณสามารถเรียก เมธอด แบบแบนบนอาร์เรย์และได้ผลลัพธ์แบบเดียวกัน อย่างไรก็ตาม ฟังก์ชั่นนี้ยังไม่ รองรับอย่างสมบูรณ์ (ยัง) โดยเฉพาะอย่างยิ่งในเบราว์เซอร์หลายเวอร์ชันที่เก่ากว่า การรองรับฟังก์ชันนี้ขาดไป

6. แทนที่ช่องว่างหลายช่องด้วยช่องว่างเดียว

การจัดการกับช่องว่างอาจเป็นเรื่องที่น่ารำคาญ ปัญหาที่พบบ่อยที่สุดอย่างหนึ่งของช่องว่างคือการต้องจัดการกับช่องว่างหลายช่อง โชคดีที่คุณสามารถแทนที่ด้วยช่องว่างเดียวได้

อาจมีบางครั้งที่คุณต้องการแทนที่อักขระช่องว่างอื่นๆ เช่น แท็บและบรรทัดใหม่ คุณยังสามารถแทนที่สิ่งเหล่านี้ด้วยไวท์สเปซเดียวในบรรทัดเดียว

7. จัดเรียงองค์ประกอบของอาร์เรย์แบบสุ่ม

มีบางครั้งที่คุณต้องการสับเปลี่ยนองค์ประกอบของอาร์เรย์ เมื่อสับไพ่สำรับเช่น ไม่มีฟังก์ชัน JavaScript มาตรฐานที่สามารถทำสิ่งนี้ให้คุณได้ แต่สามารถทำได้ด้วยโค้ดสั้นๆ แต่ทรงพลัง

โปรดทราบว่ารายการในอาร์เรย์ไม่จำเป็นต้องเป็นประเภทเดียวกัน

8. ตรวจสอบว่าวัตถุสองชิ้นเท่ากันหรือไม่

การเปรียบเทียบวัตถุและตรวจสอบว่าเท่ากันหรือไม่เป็นหนึ่งในสิ่งที่คุณอาจสะดุดเมื่อเขียนโค้ดในรายการนี้ การเปรียบเทียบวัตถุนั้นซับซ้อนกว่าการทำobjectA === objectBเกือบตลอดเวลาเล็กน้อย อย่างไรก็ตาม สามารถทำได้ในโค้ดเพียงบรรทัดเดียว

ความสวยงามของฟังก์ชันนี้คือฟังก์ชันนี้ยังทำงานร่วมกับการตรวจสอบวัตถุมากกว่าสองชิ้น

9. รับไอเทมสุ่มจากอาร์เรย์

การรับไอเท็มแบบสุ่มจากอาร์เรย์เป็นอีกหนึ่งซับในอันทรงพลังที่อาจมีประโยชน์ในบางครั้ง ไม่สำคัญหรอกว่าคุณกำลังพยายามหาค่าสุ่มจากอาร์เรย์ที่เต็มไปด้วยตัวเลขหรือไม่ ออบเจกต์เป็นการรวมกันของทั้งสองอย่าง

10. Slugify สตริง

หากคุณต้องการสร้าง URL ที่มนุษย์สามารถอ่านได้ คุณอาจต้องการทำให้ URL ของคุณแย่ลง กระสุนเป็นเวอร์ชันมาตรฐานของสตริงตัวแทน ส่วนใหญ่แล้วชื่อเรื่องจะถูกใช้สำหรับทาก

https://mywebsite.com/my-first-blog-post

คุณอาจเห็น URL เหล่านี้ตลอดเวลา เนื่องจากเป็นวิธีที่ใช้กันทั่วไปในการสร้าง URL ที่มนุษย์สามารถอ่านได้ แต่คุณรู้หรือไม่ว่าต้องใช้โค้ดเพียงบรรทัดเดียวใน JavaScript เพื่อทำให้สตริงนั้นแน่น

ง่ายกว่าที่คาดไว้มากใช่ไหม! ฟังก์ชันนี้ทำหน้าที่เปลี่ยนสตริงเป็นตัวพิมพ์เล็ก จากนั้นจะแทนที่ช่องว่างด้วยยัติภังค์ และสุดท้ายแต่ไม่ท้ายสุด มันจะลบอักขระที่ไม่ใช่ตัวเลขและตัวอักษรทั้งหมด

แค่นั้นแหละ!

เรามาถึงจุดสิ้นสุดของรายการ JavaScript one-liner gems นี้แล้ว หวังว่าคุณจะได้เรียนรู้หนึ่งหรือสองซับใหม่ คุณพลาดสายการบินเดียวที่คุณชื่นชอบในรายการนี้หรือไม่? หรือคุณแค่ต้องการแบ่งปันโค้ดที่ทรงพลังอีกบรรทัดหนึ่ง โปรดแจ้งให้เราทราบในความคิดเห็น

ขอบคุณที่อ่าน!