เข้าถึงด้วยวงเล็บเหลี่ยม (bracket)

เมื่อไหร่ใช้ bracket

• ชื่อคีย์อยู่ในตัวแปร

• ชื่อคีย์มีช่องว่างหรืออักขระพิเศษ (ควรเลี่ยง แต่บางข้อมูลภายนอกมี)

const product = { name: "สมุด", price: 45 };
const key = "price";
console.log(product[key]); // 45

const weird = { "full name": "Timestamp Coding" };
console.log(weird["full name"]);

ข้อควรจำ

obj[key] ใช้ค่าในตัวแปร key · obj.key หมายถึงคีย์ชื่อจริง ๆ ว่า key

เทคนิค: ถ้าคีย์มาจากอินพุตผู้ใช้หรือชื่อฟิลด์ไดนามิก → bracket · ถ้าคีย์คงที่ในโค้ด → dot