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

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

#javascript

#array

การเข้าถึงสมาชิกใน Array ด้วย For Loop ใน JavaScript สามารถทำได้หลายวิธี แต่วิธีที่พบบ่อยและพื้นฐานที่สุดคือการใช้ for loop แบบดั้งเดิม (traditional for loop) หรือใช้ for...of loop ครับ

1. การใช้ Traditional for Loop

นี่เป็นวิธีที่นิยมใช้กันมานานและให้การควบคุมสูงสุด โดยใช้ index (ดัชนี) ในการเข้าถึงสมาชิกแต่ละตัว:

JavaScript

const myArray = ["Apple", "Banana", "Cherry", "Date"];

// Loop ผ่าน Array โดยใช้ Index

for (let i = 0; i < myArray.length; i++) {

const element = myArray[i];

console.log(`Index ${i}: ${element}`);

}

คำอธิบาย:

let i = 0: เริ่มต้นตัวนับ (index) ที่ 0 (ดัชนีของสมาชิกตัวแรก).

i < myArray.length: วนซ้ำตราบใดที่ตัวนับ (i) น้อยกว่าความยาวทั้งหมดของ Array.

i++: เพิ่มค่าตัวนับทีละ 1 ในแต่ละรอบ.

myArray[i]: ใช้ตัวนับ i เป็นดัชนีเพื่อเข้าถึงสมาชิกใน Array.

2. การใช้ for...of Loop

นี่เป็นวิธีที่ทันสมัยกว่าและสะอาดกว่าสำหรับการวนซ้ำใน Array โดยตรง โดยไม่ต้องใช้ index:

JavaScript

const myArray = ["Red", "Green", "Blue", "Yellow"];

// Loop ผ่าน Array โดยเข้าถึงค่าของสมาชิกโดยตรง

for (const element of myArray) {

console.log(`Value: ${element}`);

}

คำอธิบาย:

for (const element of myArray): ในแต่ละรอบของการวนซ้ำ ตัวแปร element จะถูกกำหนดค่าให้เป็นสมาชิกตัวถัดไปใน Array myArray โดยตรง.

วิธีนี้เหมาะสำหรับการเข้าถึง ค่า (value) ของสมาชิกเท่านั้น แต่ไม่สะดวกหากคุณต้องการเข้าถึง ดัชนี (index) ด้วย.

3. การใช้ for...in Loop (ข้อควรระวัง)

แม้ว่า for...in จะสามารถใช้ได้ แต่โดยทั่วไป ไม่แนะนำ สำหรับการวนซ้ำใน Array เพราะมันจะวนซ้ำผ่าน key หรือ property name ทั้งหมดของวัตถุ (รวมถึง properties ที่อาจถูกเพิ่มเข้ามาใน Array) และอาจให้ลำดับที่ไม่ถูกต้อง.

JavaScript

const myArray = ["Alpha", "Beta", "Gamma"];

// Loop ผ่าน Array โดยใช้ Keys (Index) - ไม่แนะนำสำหรับ Array ทั่วไป

for (const index in myArray) {

const element = myArray[index];

console.log(`Index ${index}: ${element}`);

}

คำแนะนำ: ควรใช้ for...in สำหรับการวนซ้ำใน Object Properties ไม่ใช่ Array