สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com
JavaScript เป็นภาษาการเขียนโปรแกรมที่ได้รับความนิยมอย่างมากในวงการพัฒนาเว็บ ด้วยความยืดหยุ่นและความสามารถในการจัดการสิ่งต่าง ๆ ได้อย่างหลากหลาย หนึ่งในโครงสร้างข้อมูลที่สำคัญใน JavaScript ที่เราจะพูดถึงในวันนี้คือ "Array" หรือที่เรียกว่าตารางข้อมูล
Array ใน JavaScript ก็คือคอลเลกชันที่สามารถเก็บข้อมูลหลาย ๆ ตัวไว้อย่างเป็นระเบียบ ทั้งนี้ ข้อมูลที่เก็บใน array สามารถเป็นชนิดใดก็ได้ ไม่ว่าจะเป็นตัวเลข ข้อความ หรือแม้กระทั่งออบเจกต์ การใช้ array นั้นทำให้การจัดการข้อมูลเป็นกลุ่มง่ายยิ่งขึ้น ช่วยให้เราสามารถดำเนินการกับข้อมูลหลาย ๆ ตัวในครั้งเดียวได้ เช่น การวนลูปค้นหาข้อมูล การเพิ่มหรือลบข้อมูล เป็นต้น
การสร้าง array ใน JavaScript ทำได้หลายวิธี แต่ที่นิยมกันมากมีสองวิธีคือ การใช้วงเล็บสี่เหลี่ยม [] และการใช้คำสั่ง `new Array()`
// สร้าง array โดยใช้วงเล็บสี่เหลี่ยม
let fruits = ['Apple', 'Banana', 'Cherry'];
// สร้าง array โดยใช้คำสั่ง new Array
let numbers = new Array(1, 2, 3, 4, 5);
ข้อมูลใน array จะถูกจัดเรียงและสามารถเข้าถึงได้ผ่านทางดัชนี (index) โดยดัชนีจะเริ่มต้นที่ 0 การเข้าถึงข้อมูลใน array ทำได้ดังนี้
let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits[0]); // ผลลัพธ์: Apple
console.log(fruits[1]); // ผลลัพธ์: Banana
JavaScript มีฟังก์ชันที่ช่วยให้การเพิ่มและลดข้อมูลใน array ง่ายขึ้น นี่คือตัวอย่างการใช้งานบางส่วน
- `push()`: ใช้เพิ่มข้อมูลใหม่เข้าไปที่ท้าย array
- `pop()`: ใช้ลบข้อมูลตัวสุดท้ายออกจาก array
- `shift()`: ใช้ลบข้อมูลตัวแรกออกจาก array
- `unshift()`: ใช้เพิ่มข้อมูลใหม่ไปยังตำแหน่งแรกของ array
ตัวอย่างการใช้งาน:
let fruits = ['Apple', 'Banana'];
// เพิ่ม 'Cherry' เข้าไปที่ท้าย array
fruits.push('Cherry');
// ลบค่าออกที่ท้าย array
fruits.pop();
// เพิ่ม 'Strawberry' ไปยังตำแหน่งแรก
fruits.unshift('Strawberry');
// ลบค่าตัวแรกออก
fruits.shift();
เพื่อความสะดวกในการจัดการข้อมูลใน array การใช้ลูปเป็นสิ่งที่จำเป็น JavaScript มีคำสั่งหลายแบบที่ช่วยในการวนลูปเหมาะสมกับ array ตัวอย่างเช่น `for`, `for...of`, และ `forEach()`
ตัวอย่างการใช้งาน:
let fruits = ['Apple', 'Banana', 'Cherry'];
// ใช้ for loop
for (let i = 0; i < fruits.length; i++) {
console.log(fruits[i]);
}
// ใช้ for...of loop
for (const fruit of fruits) {
console.log(fruit);
}
// ใช้ forEach
fruits.forEach((fruit) => {
console.log(fruit);
});
ในการพัฒนาเว็บ แอปพลิเคชัน หรือเกมต่าง ๆ การจัดเก็บข้อมูลหลายรูปแบบใน array จะทำให้การจัดการข้อมูลเป็นไปอย่างง่ายดาย เช่น ในการสร้างรายการสินค้า ระบบจองที่นั่ง หรือการจัดเรียงคะแนนในเกม เป็นต้น
ตัวอย่างเช่น ระบบจัดการชื่อผู้เข้าร่วมสัมมนา:
let attendees = ['John Doe', 'Jane Smith', 'Emily Johnson'];
// เพิ่มชื่อผู้เข้าร่วมใหม่
attendees.push('Michael Brown');
// ลบชื่อผู้เข้าร่วม
attendees.splice(attendees.indexOf('Jane Smith'), 1);
// แสดงรายชื่อผู้เข้าร่วมทั้งหมด
attendees.forEach((attendee) => {
console.log(attendee);
});
Arrays เป็นเรื่องพื้นฐานแต่สำคัญใน JavaScript ช่วยให้ชีวิตโปรแกรมเมอร์ง่ายขึ้นโดยเฉพาะเมื่อทำงานกับข้อมูลเป็นกลุ่ม หากคุณต้องการเพิ่มพูนทักษะการเขียนโปรแกรม เพิ่มโอกาสความก้าวหน้าในอาชีพการงาน การศึกษาและฝึกฝนอย่างจริงจังจะเป็นหนทางที่ดี ลองศึกษาเพิ่มเติมและลงทะเบียนเรียนที่ Expert-Programming-Tutor (EPT) ที่มีหลักสูตรความรู้ครอบคลุม ทั้งทฤษฎีและปฏิบัติ ซึ่งจะทำให้คุณสามารถนำไปใช้งานจริงได้อย่างมืออาชีพ!
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/
Tag ที่น่าสนใจ: java c# vb.net python c c++ machine_learning web database oop cloud aws ios android
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com