在 JavaScript 中，訪問物件屬性的兩種方式

點標記法（dot notation）：person.x
方括號標記法（bracket notation）：person[x]
這兩種方法的區別主要在於靜態訪問與動態訪問屬性。

點標記法（dot notation）

用於靜態屬性名稱的訪問，意思是你在編寫程式時，屬性名稱是固定的。
例如，person.firstName 會固定訪問 person 物件中的 firstName 屬性。

let person = {
  firstName: "John",
  lastName: "Doe"
};

console.log(person.firstName); // 輸出 "John"

用於動態屬性名稱的訪問，屬性名稱是作為變數或運算結果來使用的，這使得它更靈活。
方括號內部可以放置變數，這在迴圈或動態地構建屬性名稱時特別有用。

let key = "firstName";
console.log(person[key]);  // 輸出 "John"，key 是變數，動態訪問屬性