JavaScript

array คืออะไร การใช้งาน array ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

สวัสดีครับทุกท่านที่ติดตามมาอ่านบทความที่น่าสนใจอีกเล่มจาก EPT ซึ่งวันนี้เราจะพูดถึง array ซึ่งเป็นหนึ่งในพื้นฐานที่สำคัญของการเขียนโปรแกรมในภาษา JavaScript ที่ทุกคนต้องรู้จักกับผลงานที่สามารถสร้างสรรค์ได้ไม่รู้จบ ไปดูกันเลยครับว่า array นั้นมีเสน่ห์และศักยภาพอย่างไร

Array คืออะไร?

Array ในทางโปรแกรมมิ่งแล้ว คือ โครงสร้างข้อมูลที่ใช้สำหรับเก็บชุดของข้อมูลหลายๆ ตัวที่มีลักษณะคล้ายคลึงกัน เช่น รายการสินค้าหรือชื่อของนักเรียนในห้องเรียน มันทำให้เราสามารถเข้าถึงข้อมูลที่เก็บอยู่ภายในได้อย่างเรียบง่าย โดยข้อมูลแต่ละตัวภายใน array จะได้รับการอ้างอิงด้วยค่า index ซึ่งเป็นตัวเลขที่เริ่มต้นจาก 0

การใช้งาน Array ในภาษา JavaScript

การใช้งาน array ใน JavaScript นั้นง่ายดายมาก และสามารถใช้ในหลากหลายสถานการณ์ได้ ตัวอย่างเช่นการสร้าง array สามารถทำได้ดังนี้:


let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits.length); // ผลลัพธ์จะได้ค่า 3 เพราะมีสมาชิก 3 ตัว

การเข้าถึงข้อมูลภายใน array ก็ง่ายแสนง่าย เราเพียงแค่ใช้ index ของตำแหน่งที่เราต้องการ:


console.log(fruits[0]); // Apple

หรือหากต้องการเปลี่ยนค่าภายใน array ก็ทำได้เช่นกัน:


fruits[1] = 'Blueberry';
console.log(fruits); // ['Apple', 'Blueberry', 'Cherry']

Usecase ของ Array ในโลกจริง

1. การจัดเก็บรายการสินค้าในตะกร้าสินค้าของเว็บไซต์ e-commerce

ในเว็บไซต์ e-commerce การเก็บข้อมูลสินค้าที่ลูกค้าต้องการซื้อไว้ในตะกร้านั้นสามารถใช้ array เพื่อจัดการได้เป็นอย่างดี ดังตัวอย่างที่จะเสนอ:


let cart = [
  { id: 1, product: 'Shoes', quantity: 2 },
  { id: 2, product: 'T-shirt', quantity: 1 },
  { id: 3, product: 'Hat', quantity: 3 }
];

นี่คือตัวอย่างของตะกร้าสินค้าที่เก็บข้อมูลเป็น array ของ object ซึ่งแต่ละ object มี id, product และ quantity เป็นข้อมูลที่ช่วยในการระบุและจัดการสินค้า

2. การจัดเก็บข้อมูลจำนวนมากเพื่อการวิเคราะห์ข้อมูล (Data Analysis)

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


//ตัวอย่างข้อมูลจำนวนการเข้าชมเว็บไซต์
let websiteVisits = [1500, 1200, 3000, 5000, 3200];

// คำนวณค่าเฉลี่ยการเข้าชม
let averageVisits = websiteVisits.reduce((total, num) => total + num, 0) / websiteVisits.length;
console.log(averageVisits); // ผลลัพธ์คือค่าเฉลี่ยของการเข้าชม

การใช้ `.reduce()` เป็นการสะสมค่าจากทุกตัวใน array เพื่อหาผลรวม และหารด้วยจำนวนของสมาชิกภายใน array เพื่อหาค่าเฉลี่ย

หวังว่าท่านจะเห็นความสามารถของ array ใน JavaScript ได้มากขึ้นผ่านตัวอย่างที่นำเสนอ ก็เป็นอันว่าความลึกซึ้งทางโปรแกรมมิ่งไม่ใช่เรื่องยาก เพียงแค่ท่านตัดสินใจข้ามขีดจำกัดทางความคิดที่ว่า "โปรแกรมแกรมมิ่งนั้นยาก" และเริ่มเดินทางไปกับการเรียนรู้จากที่ไหนก็ได้ ที่ EPT พวกเราพร้อมที่จะเป็นพาหนะที่ยอดเยี่ยมในการส่งมอบความรู้และทักษะนี้ให้แก่คุณ จนหากท่านต้องการขยายขอบเขตความรู้ของตัวเองในโลกโปรแกรมมิ่ง เราก็พร้อมที่จะสนับสนุนในทุกขั้นตอนของการเรียนรู้ หวังว่าเราจะได้พบกันนะครับ ที่ EPT!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง

Tag ที่น่าสนใจ: array javascript โครงสร้างข้อมูล การใช้งาน index ตำแหน่ง ประกอบด้วย usecase ตะกร้าสินค้า ข้อมูลจำนวนมาก data_analysis website_visits ค่าเฉลี่ย reduce

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

array คืออะไร การใช้งาน array ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง