filter และ find สำหรับรายการบนหน้า
filter = คัดเหลือเฉพาะที่ผ่านเงื่อนไข
ได้อาร์เรย์ใหม่ ที่สั้นกว่าหรือเท่าเดิม
const items = ["แอปเปิล", "กล้วย", "ส้ม", "องุ่น"]; const shortNames = items.filter((name) => name.length <= 4); console.log(shortNames); // ["ส้ม"] (ขึ้นกับความยาวตัวอักษร)
find = หาตัวแรกที่ตรงเงื่อนไข
คืนค่าสมาชิกตัวเดียว หรือ undefined ถ้าไม่เจอ — ไม่คืนอาร์เรย์
const menu = ["ลาเต้", "มอคค่า", "ชาเขียว"];
const found = menu.find((drink) => drink.includes("ชา"));
console.log(found); // "ชาเขียว"
UI ค้นหา/กรอง: มัก
filter ทั้งรายการ · ต้องการตัวแทนหนึ่งชิ้น: ใช้ find