點與括號表示法(Dot vs Bracket Notation) | Javascript
在 JavaScript 中，物件是組織和存儲數據的基本結構。在訪問物件內部的屬性時，開發人員通常使用兩種表示法：點號表示法（"）和方括號表示法（[]）。
See the Pen 點與括號表示法(Dot vs Bracket Notation)-Javascript by lenrich (@lenrich) on CodePen.
點號表示法:
點號表示法是訪問物件屬性的一種更簡單、更簡潔的方式。它涉及使用一個點後跟屬性名稱。
"use strict";
const person = {
firstName: 'John',
lastName: 'Doe',
age: 30,
};
console.log(person.firstName); // 輸出: John
方括號表示法:
方括號表示法允許動態訪問屬性，這在屬性名稱存儲在變量中或需要動態生成的情況下非常有用。
"use strict";
const propertyName = 'lastName';
console.log(person[propertyName]); // 輸出: Doe
何時使用每種表示法:
- 點號表示法: 在屬性名稱在開發過程中是已知且靜態的情況下使用點號表示法。
- 方括號表示法: 在屬性名稱是動態的或存儲在變量中時使用方括號表示法。
範例:
考慮一種情況，你希望根據用戶輸入檢索屬性：
"use strict";
const userInput = 'age';
console.log(person[userInput]); // 輸出: 30
Tags