freeCodeCamp/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md

id, title, challengeType, videoUrl, forumTopicId, dashedName

id	title	challengeType	videoUrl	forumTopicId	dashedName
56533eb9ac21ba0edf2244c7	通過點號表示法訪問對象屬性	1	https://scrimba.com/c/cGryJs8	16164	accessing-object-properties-with-dot-notation

--description--

和訪問數組類似，訪問對象屬性有兩種方式：點號表示法（.）和方括號表示法（[]）。

如果我們已經提前知道要訪問的屬性名，使用點號表示法是最方便的。

這裏是一個用點符號（.）讀取對象屬性的示例：

const myObj = {
  prop1: "val1",
  prop2: "val2"
};

const prop1val = myObj.prop1;
const prop2val = myObj.prop2;

prop1val 的值將爲字符串 val1，並且prop2val 的值將爲字符串 val2。

--instructions--

使用點號讀取 testObj 的屬性值。 將變量 hatValue 的值設置爲該對象的 hat 屬性的值，並將變量 shirtValue 的值設置爲該對象的 shirt 屬性的值。

--hints--

hatValue 應該是一個字符串

assert(typeof hatValue === 'string');

hatValue 的值應該爲字符串 ballcap

assert(hatValue === 'ballcap');

shirtValue 應該是一個字符串

assert(typeof shirtValue === 'string');

shirtValue 的值應該爲字符串 jersey

assert(shirtValue === 'jersey');

你應該使用兩個點號

assert(code.match(/testObj\.\w+/g).length > 1);

--seed--

--after-user-code--

(function(a,b) { return "hatValue = '" + a + "', shirtValue = '" + b + "'"; })(hatValue,shirtValue);

--seed-contents--

// Setup
const testObj = {
  "hat": "ballcap",
  "shirt": "jersey",
  "shoes": "cleats"
};

// Only change code below this line
const hatValue = testObj;      // Change this line
const shirtValue = testObj;    // Change this line

--solutions--

const testObj = {
  "hat": "ballcap",
  "shirt": "jersey",
  "shoes": "cleats"
};

const hatValue = testObj.hat;
const shirtValue = testObj.shirt;