ใช้ Iterator Functions ใน JavaScript: forEach, map, filter

นอกจากการวนลูปแบบปกติ JavaScript มี iterator functions หลายอย่างสำหรับวนอาร์เรย์ มาดูบ้าง:

ฟังก์ชัน forEach

รันฟังก์ชันที่ส่งเข้าไปสำหรับทุกสมาชิกในอาร์เรย์ ตัวอย่าง:

ตัวอย่าง

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

จะได้ผลลัพธ์:

ผลลัพธ์

HARRY MARTHA JOHN SAM

ฟังก์ชัน map

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

ตัวอย่าง

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

ผลลัพธ์

จะได้ผลลัพธ์:

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

ฟังก์ชัน filter

รันฟังก์ชันสำหรับทุกสมาชิกและสร้างอาร์เรย์ใหม่จากค่าที่คืน truthy ตัวอย่าง:

ตัวอย่าง

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

จะได้ผลลัพธ์:

ผลลัพธ์

['Harry']

ยังมีฟังก์ชันอื่นๆ เช่น reduce, every, some อ่านเพิ่มได้ที่ MDN