อาร์เรย์ใน JavaScript
อาร์เรย์ใช้สำหรับเก็บค่าหลายค่าไว้ในตัวแปรเดียว แทนที่จะต้องสร้างตัวแปรแยกกันสำหรับทุกๆ รายการ คุณสามารถจัดกลุ่มพวกมันเข้าด้วยกันได้
การสร้างอาร์เรย์ คุณสามารถสร้างอาร์เรย์ได้โดยใช้เครื่องหมายวงเล็บเหลี่ยม (square brackets) ซึ่งเป็นวิธีที่ง่ายที่สุดในการเริ่มต้น
ตัวอย่าง:
const bikes = ["pulser", "apache", "duke"];
ข้อเท็จจริงสำคัญเกี่ยวกับอาร์เรย์
- อาร์เรย์คือออบเจกต์ (objects) เมื่อคุณใช้ตัวดำเนินการ
typeofตรวจสอบอาร์เรย์ ผลลัพธ์ที่ได้จะเป็น "object" - อาร์เรย์ใช้ตัวเลขในการเข้าถึงข้อมูล โดยรายการแรกจะอยู่ที่ดัชนี (index) 0 เสมอ
- อาร์เรย์สามารถเก็บข้อมูลต่างชนิดกันได้ คุณสามารถเก็บทั้งสตริง (strings), ตัวเลข (numbers), ออบเจกต์ (objects) หรือแม้แต่อาร์เรย์อื่นไว้ในรายการเดียวได้
- JavaScript ไม่รองรับ associative arrays คุณไม่สามารถใช้ชื่อเป็นดัชนีได้ แต่ต้องใช้ตัวเลขเท่านั้น
งานที่พบบ่อย
การแปลงเป็นสตริง
ใช้เมธอด toString() เพื่อเปลี่ยนอาร์เรย์ให้เป็นสตริงที่คั่นด้วยเครื่องหมายจุลภาค (comma)
การเพิ่มรายการใหม่
ใช้เมธอด push() เพื่อเพิ่มรายการต่อท้ายรายการของคุณ
การวนลูปผ่านรายการต่างๆ
ใช้ for loop เพื่อไล่ดูข้อมูลทุกรายการในอาร์เรย์ทีละรายการ
อาร์เรย์ เทียบกับ ออบเจกต์
เลือกใช้อาร์เรย์เมื่อข้อมูลของคุณใช้ตัวเลขเป็นดัชนี เลือกใช้ออบเจกต์เมื่อข้อมูลของคุณต้องการชื่อที่เป็นข้อความสำหรับแต่ละค่า
ข้อมูลแบบซ้อน (Nested Data) คุณสามารถใส่ออบเจกต์ไว้ในอาร์เรย์ หรือใส่อาร์เรย์ไว้ในออบเจกต์ก็ได้ วิธีนี้จะช่วยให้คุณสามารถจัดการโครงสร้างข้อมูลที่มีความซับซ้อนได้
Source: https://www.w3schools.com/js/js_arrays.asp Source: https://www.geeksforgeeks.org/javascript/best-known-javascript-array-methods/
Full Post: https://dev.to/ezhil_arasan_d1230a486501/array-in-javascrip-1hna