Arrays ใน JavaScript
อาร์เรย์คือออบเจกต์ที่ใช้สำหรับจัดเก็บข้อมูลเป็นชุด (collections of data)
แทนที่จะต้องสร้างตัวแปรแยกกันสำหรับทุกๆ ข้อมูล คุณสามารถใช้อาร์เรย์เพียงอันเดียวเพื่อเก็บข้อมูลทั้งหมดนั้น ซึ่งช่วยประหยัดเวลาและทำให้โค้ดของคุณดูสะอาดตาขึ้น
คุณสมบัติหลักของ JavaScript arrays:
- Elements: คือค่าต่างๆ ที่อยู่ภายในรายการของคุณ
- Ordered: ทุกๆ element จะมีตำแหน่งที่เฉพาะเจาะจง
- Zero indexed: ข้อมูลตัวแรกจะอยู่ที่ index 0 และข้อมูลตัวที่สองจะอยู่ที่ index 1
- Dynamic size: คุณสามารถเพิ่มหรือลบข้อมูลออกได้ทุกเมื่อที่ต้องการ
- Heterogeneous: คุณสามารถเก็บตัวเลข, strings, objects หรือแม้แต่อาร์เรย์อื่นๆ ไว้ในรายการเดียวกันได้
ทำไมต้องใช้พวกมัน?
หากคุณมีชื่อรถ 300 ชื่อ คุณไม่สามารถสร้างตัวแปรแยกกันถึง 300 ตัวได้ แต่อาร์เรย์สามารถเก็บชื่อทั้ง 300 ชื่อไว้ภายใต้ชื่อเดียว จากนั้นคุณก็สามารถค้นหารถคันใดก็ได้โดยใช้หมายเลข index
วิธีการสร้างอาร์เรย์:
วิธีที่ดีที่สุดคือการใช้ array literal ซึ่งรวดเร็วและอ่านง่าย
const cars = ["Saab", "Volvo", "BMW"];
คุณสามารถใช้ keyword new ได้เช่นกัน แต่ไม่จำเป็นนัก แนะนำให้ใช้วิธี literal เพื่อประสิทธิภาพที่ดีกว่า
ข้อเท็จจริงที่สำคัญ:
- Arrays คือออบเจกต์ เมื่อคุณใช้ operator
typeofตรวจสอบอาร์เรย์ ผลลัพธ์ที่ได้จะเป็น "object" - คุณสามารถเก็บอะไรก็ได้ไว้ในอาร์เรย์ ซึ่งรวมถึงฟังก์ชันและออบเจกต์อื่นๆ ด้วย
- property
lengthจะบอกจำนวนข้อมูลที่มีอยู่ในรายการของคุณ - ค่า
lengthจะสูงกว่า index ที่สูงที่สุดอยู่หนึ่งเสมอ
การเข้าถึงข้อมูล:
การดึงข้อมูลตัวแรก:
let first = fruits[0];
การดึงข้อมูลตัวสุดท้าย:
let last = fruits[fruits.length - 1];
Source: https://www.w3schools.com/js/js_arrays.asp
Full post: https://dev.to/madhanraj/arrays-in-javascript-56e1