map — แปลงแต่ละตัวเป็นค่าใหม่

map สร้างอาร์เรย์ใหม่ โดยแปลงสมาชิกทีละตัว — เหมาะกับ “ข้อมูล → ข้อความ HTML / ป้ายแสดงผล”

const prices = [40, 55, 60];
const labels = prices.map((p) => p + " บาท");
console.log(labels);
// ["40 บาท", "55 บาท", "60 บาท"]

คิดว่า map = “แปลงรูปร่างข้อมูล” ไม่ใช่ “กรองทิ้ง” — จำนวนสมาชิกเท่าเดิม

อาร์เรย์ต้นทางไม่ถูกเปลี่ยนถ้าคุณไม่ mutate ข้างใน callback — คืนค่าใหม่จากฟังก์ชันแปลงเสมอ