Skip to content
Siamcoder

อาร์เรย์ (Arrays)

javascript1 min read

อาร์เรย์ (Arrays)

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

อาร์เรย์ใน JavaScript สามารถเก็บข้อมูลได้หลายประเภท เช่น ตัวเลข เป็นต้น และเราสามารถเข้าถึงข้อมูลในอาร์เรย์ผ่านดัชนี (index) ที่เริ่มต้นที่ 0

การสร้างและใช้งานอาร์เรย์ใน JavaScript:

// ตัวอย่างการสร้างและกำหนดค่าอาร์เรย์
var fruits = ["แอปเปิ้ล", "ส้ม", "กล้วย", "มะละกอ"];
console.log(fruits); // ผลลัพธ์: ["แอปเปิ้ล", "ส้ม", "กล้วย", "มะละกอ"]
// ตัวอย่างการเข้าถึงข้อมูลในอาร์เรย์
console.log(fruits[0]); // ผลลัพธ์: "แอปเปิ้ล"
console.log(fruits[2]); // ผลลัพธ์: "กล้วย"
// ตัวอย่างการเปลี่ยนค่าข้อมูลในอาร์เรย์
fruits[1] = "มะนาว";
console.log(fruits); // ผลลัพธ์: ["แอปเปิ้ล", "มะนาว", "กล้วย", "มะละกอ"]
// ตัวอย่างการหาความยาวของอาร์เรย์
var length = fruits.length;
console.log(length); // ผลลัพธ์: 4
// ตัวอย่างการเพิ่มข้อมูลในอาร์เรย์
fruits.push("ส้มโอ");
console.log(fruits); // ผลลัพธ์: ["แอปเปิ้ล", "มะนาว", "กล้วย", "มะละกอ", "ส้มโอ"]
// ตัวอย่างการลบข้อมูลออกจากอาร์เรย์
fruits.pop();
console.log(fruits); // ผลลัพธ์: ["แอปเปิ้ล", "มะนาว", "กล้วย", "มะละกอ"]`

ในตัวอย่างข้างต้น เราสร้างอาร์เรย์ fruits เพื่อเก็บชื่อผลไม้ และเรียกใช้งานข้อมูลในอาร์เรย์ผ่านดัชนี โดยเข้าถึงด้วยวงเล็บเหลี่ยม [ ] และกำหนดค่าให้กับข้อมูลในอาร์เรย์ได้ อาร์เรย์ยังมีเมธอดอื่นๆ เช่น push() เพื่อเพิ่มข้อมูลในอาร์เรย์ และ pop() เพื่อลบข้อมูลออกจากอาร์เรย์

นอกจากนี้ยังมีการใช้งานอาร์เรย์ในรูปแบบต่างๆ ที่เป็นประโยชน์ในการจัดการข้อมูล เช่น:

// ตัวอย่างการวนซ้ำเพื่อเข้าถึงข้อมูลในอาร์เรย์
for (var i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// ผลลัพธ์:
// "แอปเปิ้ล"
// "มะนาว"
// "กล้วย"
// "มะละกอ"
// ตัวอย่างการใช้งานเมธอด forEach() เพื่อวนซ้ำผ่านข้อมูลในอาร์เรย์
fruits.forEach(function(fruit) {
console.log(fruit);
});
// ผลลัพธ์:
// "แอปเปิ้ล"
// "มะนาว"
// "กล้วย"
// "มะละกอ"`

ในตัวอย่างข้างต้น เราใช้วนซ้ำเพื่อเข้าถึงข้อมูลในอาร์เรย์ โดยใช้ลูป for เพื่อเข้าถึงด้วยดัชนี และใช้เมธอด forEach() เพื่อวนซ้ำผ่านข้อมูลในอาร์เรย์โดยไม่ต้องใช้ดัชนี

อาร์เรย์เป็นโครงสร้างข้อมูลที่สำคัญและมีประโยชน์มากในการพัฒนาแอปพลิเคชันด้วย JavaScript ช่วยให้เราจัดการและประมวลผลข้อมูลได้อย่างมีประสิทธิภาพ และเป็นส่วนสำคัญในการแก้ปัญหาต่างๆ ที่เกี่ยวข้องกับการจัดเก็บและใช้งานข้อมูลต่างๆ