array JavaScript

#พื้นฐานการเขียนเว็ปไซต์

#javascrip

#array

อาร์เรย์ (Array) ใน JavaScript คือ โครงสร้างข้อมูลแบบรายการที่มีการจัดลำดับ ที่ใช้สำหรับจัดเก็บค่าหลายๆ ค่าไว้ในตัวแปรเดียว

คุณลักษณะสำคัญของอาร์เรย์ใน JavaScript

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

การเข้าถึงตามดัชนี (Index): สมาชิกแต่ละตัวในอาร์เรย์จะถูกกำหนด ดัชนี (index) ที่เป็นตัวเลข โดยเริ่มต้นที่ 0 สำหรับสมาชิกตัวแรก, 1 สำหรับตัวที่สอง, และต่อไปเรื่อยๆ คุณสามารถเข้าถึงหรือแก้ไขค่าของสมาชิกแต่ละตัวได้โดยใช้ดัชนีนี้

ขนาดที่เปลี่ยนแปลงได้ (Dynamic Size): อาร์เรย์ใน JavaScript สามารถ เติบโตหรือหดตัวได้ ในระหว่างการรันโปรแกรม (ไม่จำเป็นต้องกำหนดขนาดตายตัวตั้งแต่แรก)

ชนิดข้อมูลผสม: สมาชิกภายในอาร์เรย์เดียวกัน ไม่จำเป็นต้องเป็นชนิดข้อมูลเดียวกัน (เช่น คุณสามารถมีตัวเลข, สตริง, และบูลีนอยู่ในอาร์เรย์เดียวกันได้)

การสร้างอาร์เรย์

คุณสามารถสร้างอาร์เรย์ได้หลายวิธี แต่ที่พบบ่อยที่สุดคือการใช้ วงเล็บเหลี่ยม ([]):

JavaScript

// สร้างอาร์เรย์ที่ว่างเปล่า

let emptyArray = [];

// สร้างอาร์เรย์ที่มีสมาชิก

let fruits = ["Apple", "Banana", "Cherry"];

// สร้างอาร์เรย์ที่มีชนิดข้อมูลผสม

let mixedArray = [10, "Hello", true, { key: "value" }];

การเข้าถึงและแก้ไขสมาชิก

ใช้ ดัชนี ภายในวงเล็บเหลี่ยม ([]) เพื่อเข้าถึงสมาชิก:

JavaScript

let colors = ["Red", "Green", "Blue"];

// การเข้าถึงสมาชิก

console.log(colors[0]); // ผลลัพธ์: "Red" (สมาชิกตัวแรก)

console.log(colors[2]); // ผลลัพธ์: "Blue"

// การแก้ไขสมาชิก

colors[1] = "Yellow";

console.log(colors); // ผลลัพธ์: ["Red", "Yellow", "Blue"]

// การตรวจสอบความยาวของอาร์เรย์

console.log(colors.length); // ผลลัพธ์: 3

อาร์เรย์เป็นเครื่องมือพื้นฐานและสำคัญมากในการเขียนโปรแกรม JavaScript สำหรับการจัดการชุดข้อมูลค่ะ