บทความ IT เจ๋งๆ
10 JavaScript Array Methods ที่นำไปประยุกต์ใช้งานได้ทันที
12-ธ.ค.-25
คัมภีร์เทพ IT
การทำงานกับข้อมูลใน JavaScript มักเกี่ยวข้องกับ Array อยู่บ่อยครั้ง การเข้าใจ Array Methods จึงเป็นพื้นฐานสำคัญที่ช่วยให้คุณเขียน Code ได้กระชับ, อ่านง่าย และลดความซับซ้อนของ Program และนี่ก็เป็น 10 JavaScript Array Methods ที่นำไปประยุกต์ใช้งานได้ทันที ไม่ว่าคุณจะเป็นสาย Frontend, Full-Stack หรือเพิ่งเริ่มต้นเขียน JavaScript ก็นำไปใช้ได้ทันทีในงานของคุณ
1. map()
เปลี่ยน (Transform) แต่ละ Element ใน Array แล้ว Return ค่าเป็น Array ใหม่
2. filter()
คัดกรองเอาเฉพาะ Elements ที่ตรงตามเงื่อนไข แล้วสร้างเป็น Array ใหม่
3. reduce()
ย่อ (Reduce) Array ให้เหลือค่าเดียวตามตรรกะที่กำหนด
4. forEach()
เรียกใช้ Function สำหรับแต่ละ Element ใน Array
5. find()
ค้นหาและ Return ค่า Element แรกที่ตรงตามเงื่อนไข
6. some()
Return ค่า True กลับมาให้ ถ้ามี Element อย่างน้อยหนึ่ง Element ที่ตรงตามเงื่อนไข
7. every()
Return ค่า True ถ้า Elements ทั้งหมดทุกตัว ตรงตามเงื่อนไข
8. findIndex()
Return ค่า Index ของ Element ตัวแรกที่ตรงตามเงื่อนไข
9. includes()
ตรวจสอบว่า Array มีค่าที่ระบุหรือไม่ (โดยจะคืนเป็น True / False)
10. sort()
จัดเรียง (Sort) Elements ของ Array ให้อยู่ในตำแหน่งที่ถูกต้อง
Bonus: การใช้ Methods แบบผสมกัน
คุณสามารถผสมการใช้งาน Methods ต่างๆ เข้าด้วยกันเพื่อการทำงานที่มีประสิทธิภาพมากขึ้น
เคล็ดลับสำหรับ Developer:
- ใช้ Array Method ที่ถูกต้องและให้เหมาะกับงาน
- หลีกเลี่ยงการเปลี่ยนแปลง Array ต้นทางโดยไม่จำเป็น
- Debug ให้เป็นขั้นตอน
- ฝึกฝนอย่างสม่ำเสมอ
สรุป
และนี่ก็เป็น 10 JavaScript Array Methods ที่นำไปประยุกต์ใช้งานได้ทันที การเข้าใจวิธีใช้และรู้ว่าแต่ละ Method เหมาะกับสถานการณ์ใด จะช่วยให้คุณเขียน Code ที่มีประสิทธิภาพและรองรับการขยายระบบได้ดีขึ้น เมื่อคุณคุ้นเคยกับ JavaScript Array Methods เหล่านี้ คุณจะสามารถประยุกต์ใช้งานได้ทันทีใน Project จริง ทั้งการจัดการข้อมูลจาก API, การเตรียมข้อมูลสำหรับ UI, การทำ Filter–ค้นหา ไปจนถึงการคำนวณค่าแบบต่างๆ ถือเป็นทักษะสำคัญที่ Developer ทุกระดับควรมีติดตัวไว้
ที่มา: https://medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด