การใช้ฟังก์ชันตัววนซ้ำใน Javascript

นอกเหนือจากการวนซ้ำแบบโจ่งแจ้ง Javascript ยังมีฟังก์ชันการวนซ้ำที่หลากหลายที่คุณสามารถใช้เพื่อวนซ้ำในอาร์เรย์ มาดูฟังก์ชันเหล่านี้กัน −

ForEach Function

ฟังก์ชันนี้เรียกใช้ฟังก์ชันที่คุณส่งผ่านไปยังทุกอ็อบเจ็กต์ในอาร์เรย์ ตัวอย่างเช่น

ตัวอย่าง

let people = ['Harry', 'Martha', 'John', 'Sam']
people.forEach(person => console.log(person.toUpperCase()));

สิ่งนี้จะให้ผลลัพธ์ -

ผลลัพธ์

HARRY
MARTHA
JOHN
SAM

ฟังก์ชันแผนที่

ฟังก์ชันนี้เรียกใช้ฟังก์ชันที่คุณส่งผ่านไปยังทุกอ็อบเจ็กต์ในอาร์เรย์ และสร้างอาร์เรย์ใหม่ตามสิ่งที่คุณส่งคืน ตัวอย่างเช่น

ตัวอย่าง

let people = ['Harry', 'Martha', 'John', 'Sam']
let upperCaseNames = people.map(person => person.toUpperCase())
console.log(upperCaseNames);

ผลลัพธ์

สิ่งนี้จะให้ผลลัพธ์ -

[ 'HARRY', 'MARTHA', 'JOHN', 'SAM' ]

ฟังก์ชันการกรอง

ฟังก์ชันนี้เรียกใช้ฟังก์ชันที่คุณส่งผ่านไปยังทุกอ็อบเจ็กต์ในอาร์เรย์ และสร้างอาร์เรย์ใหม่ตามค่าที่คืนค่าที่เป็นจริง ตัวอย่างเช่น

ตัวอย่าง

let people = ['Harry', 'Martha', 'John', 'Sam']
console.log(people.filter(person => person[0] === 'H'));

สิ่งนี้จะให้ผลลัพธ์ -

ผลลัพธ์

['Harry']

มีฟังก์ชันอื่นๆ อีกมากมาย เช่น ลด ทุกๆ บางส่วน ฯลฯ ที่คุณสามารถอ่านเพิ่มเติมได้ใน https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide