การเข้าถึงและแก้ไขอาร์เรย์ใน TypeScript
— typescript — 1 min read
ใน TypeScript เราสามารถเข้าถึงและแก้ไขสมาชิกในอาร์เรย์ได้โดยใช้ดัชนี (index) ของแต่ละสมาชิก ดัชนีในอาร์เรย์เริ่มต้นที่ 0 สามารถเข้าถึงสมาชิกได้โดยใช้นิพจน์ array[index]
และเราสามารถแก้ไขค่าของสมาชิกด้วยการกำหนดค่าใหม่ให้กับดัชนีที่ต้องการ
ตัวอย่างต่อไปนี้แสดงการเข้าถึงและแก้ไขสมาชิกในอาร์เรย์:
let fruits: string[] = ['แอปเปิ้ล', 'ส้ม', 'กล้วย'];
console.log(fruits[0]); // แอปเปิ้ล
fruits[1] = 'มะละกอ';console.log(fruits); // ['แอปเปิ้ล', 'มะละกอ', 'กล้วย']`
ในตัวอย่างข้างต้น เราสร้างอาร์เรย์ fruits
ที่มีสมาชิกเป็นสตริง และเราเข้าถึงสมาชิกที่ดัชนี 0 โดยใช้ fruits[0]
ซึ่งจะแสดงค่าเป็น 'แอปเปิ้ล' จากนั้น เราแก้ไขสมาชิกที่ดัชนี 1 เป็น 'มะละกอ' และตรวจสอบผลลัพธ์ของอาร์เรย์ ซึ่งจะเป็น ['แอปเปิ้ล', 'มะละกอ', 'กล้วย']
การเข ้าถึงและแก้ไขอาร์เรย์ด้วยดัชนีเป็นวิธีที่สะดวกและมีประสิทธิภาพในการจัดการกับข้อมูลที่เก็บอยู่ในลำดับที่กำหนดในอาร์เรย์
นอกจากการเข้าถึงและแก้ไขสมาชิกด้วยดัชนีแบบเดียวกัน ใน TypeScript เรายังสามารถใช้เมทอด (methods) ที่มีอยู่ในอาร์เรย์เพื่อดำเนินการกับสมาชิกได้อีกด้วย นี่คือตัวอย่างของเมทอดที่ใช้งานบ่อยในอาร์เรย์:
let numbers: number[] = [1, 2, 3, 4, 5];
console.log(numbers.length); // 5
numbers.push(6);console.log(numbers); // [1, 2, 3, 4, 5, 6]
numbers.pop();console.log(numbers); // [1, 2, 3, 4, 5]
numbers.splice(2, 1);console.log(numbers); // [1, 2, 4, 5]`
ในตัวอย่างข้างต้น เราสร้างอาร์เรย์ numbers
ที่มีสมาชิกเป็นตัวเลข และใช้เมทอด length
เพื่อเรียกดูจำนวนสมาชิกในอาร์เรย์ ในกรณีนี้คือ 5
เราใช้เมทอด push()
เพื่อเพิ่มสมาชิกใหม่ในท้ายอาร์เรย์ และใช้เมทอด pop()
เพื่อลบสมาชิกที่อยู่ท้ายอาร์เรย์ออก
นอกจากนี้เรายังใช้เมทอด splice()
เพื่อลบหรือแทรกสมาชิกในตำแหน่งที่กำหนด ในกรณีนี้เราลบสมาชิกที่ดัชนี 2 ออกจากอาร์เรย์
การใช้เมทอดในอาร์เรย์ทำให้เราสามารถดำเนินการแก้ไขหรือแปลงข้อมูลในอาร์เรย์ได้อย่างยืดหยุ่น ซึ่งเป็นเครื่องมือที่มีประสิทธิภาพในการจัดการข้อมูลที่เก็บอยู่ในอาร์เรย์