const name = "Dara";
const age = 30;

// วิธีเดิม
const user1 = { name: name, age: age };

// Shorthand — ชื่อตรงกัน เขียนครั้งเดียว
const user2 = { name, age };

console.log(user1); // { name: "Dara", age: 30 }
console.log(user2); // { name: "Dara", age: 30 }  — เหมือนกันทุกประการ

// ใช้งานจริง: รับค่าจาก function
function createProduct(id, title, price) {
  return { id, title, price }; // shorthand ทั้งสามค่า
}

const key = "color";
const prefix = "user";

// วิธีเดิม — ต้องสร้าง object ก่อน แล้วค่อยเพิ่ม key
const obj1 = {};
obj1[key] = "red";

// Computed Property Names — ทำได้ใน object literal เลย
const obj2 = {
  [key]: "red",             // property ชื่อ "color"
  [`${prefix}Name`]: "Lek", // property ชื่อ "userName"
};

console.log(obj2); // { color: "red", userName: "Lek" }

// ใช้งานจริง: สร้าง object จาก array ของ key
const fields = ["title", "body", "tags"];
const emptyForm = Object.fromEntries(fields.map(f => [f, ""]));
// { title: "", body: "", tags: "" }