JavaScript สำหรับ In
สำหรับในวง
คำสั่ง JavaScript for in
วนซ้ำคุณสมบัติของอ็อบเจ็กต์:
ไวยากรณ์
for (key in object) {
// code block to be executed
}
ตัวอย่าง
const person = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x];
}
ตัวอย่างที่อธิบาย
- for in loop วนซ้ำบนวัตถุบุคคล
- การวนซ้ำแต่ละครั้งจะคืนค่าคีย์ (x)
- คีย์ใช้เพื่อเข้าถึงค่าของคีย์
- ค่าของคีย์คือคน[x]
สำหรับ In Over Arrays
คำสั่ง JavaScript for in
ยังสามารถวนซ้ำคุณสมบัติของ Array:
ไวยากรณ์
for (variable in array) {
code
}
ตัวอย่าง
const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
txt += numbers[x];
}
ห้ามใช้for ใน Array หาก ลำดับดัชนีมีความสำคัญ
ลำดับดัชนีขึ้นอยู่กับการใช้งาน และค่าอาร์เรย์อาจไม่สามารถเข้าถึงได้ตามลำดับที่คุณคาดหวัง
ควรใช้for loop, a for of loop หรือArray.forEach()เมื่อลำดับมีความสำคัญ
Array.forEach()
เมธอดเรียกใช้ ฟังก์ชันforEach()
(ฟังก์ชันเรียกกลับ) หนึ่งครั้งสำหรับแต่ละองค์ประกอบอาร์เรย์
ตัวอย่าง
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
โปรดทราบว่าฟังก์ชันรับ 3 อาร์กิวเมนต์:
- มูลค่ารายการ
- ดัชนีรายการ
- อาร์เรย์ตัวเอง
ตัวอย่างข้างต้นใช้เฉพาะค่าพารามิเตอร์ สามารถเขียนใหม่เป็น:
ตัวอย่าง
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}