在 JavaScript 物件中指派和檢索值的方法

介紹

可以透過四種方式將鍵和值分配給物件。

1. 點符號
2. 方括號表示法
3. Object.defineProperty() 方法
4. Object.defineProperties() 方法

點符號

點表示法是一種在 JavaScript 中存取物件屬性的簡單且常用的方法。您可以使用點表示法建立屬性並將其指派給物件。這種方法允許您在建立物件後動態定義屬性。

優點

可讀性：

易於閱讀與理解。

例：person.name 比 person['name'] 更容易解釋。

易於使用：

簡單的文法，可以快速寫。

靜態屬性名稱：

非常適合存取具有有效標識符（字母、數字、下劃線和 $）的屬性。

缺點

僅限有效識別碼：

當屬性名稱包含特殊字元、空格或動態時失敗。

範例：person.first-name 會拋出錯誤；使用 person["first-name"] 取代。

不能使用變數：

範例：如果屬性名稱儲存在變數中，則不能使用點表示法。

方括號表示法

方括號表示法允許使用字串或變數動態存取或操作物件屬性。方括號比點符號更靈活，因為它們可以使用任何屬性名稱或變數。不過，它們寫起來有點困難。

優點

動態屬性存取：

允許屬性名稱是變數或表達式。

範例：當 propName 為變數時，obj[propName] 是靈活的。

特殊字元和空格：

適用於包含特殊字元、空格或保留關鍵字的屬性名稱。

範例: obj["first-name"] 或 obj["class"].

迭代靈活：

在循環物件的屬性時很有用。

缺點

可讀性較差：

與點表示法相比更難閱讀，尤其是對於巢狀屬性。

容易出現錯字：

開發過程中可能無法發現屬性名稱中的錯誤（例如 obj["naem"]）。

詳細：

需要更多的輸入和對字串鍵使用引號。

Object.defineProperty() 方法

Object.defineProperty() 方法為物件定義一個新屬性或更新現有屬性，然後傳回該物件。

Object.defineProperties() 方法

Object.defineProperties() 方法直接在物件上定義新屬性或修改現有屬性，並傳回該物件。

以上是在 JavaScript 物件中指派和檢索值的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！