--- id: 56533eb9ac21ba0edf2244c8 title: 使用方括號表示法訪問對象屬性 challengeType: 1 videoUrl: 'https://scrimba.com/c/cBvmEHP' forumTopicId: 16163 dashedName: accessing-object-properties-with-bracket-notation --- # --description-- 訪問對象屬性的第二種方式是方括號表示法(`[]`)。 如果你想訪問的屬性名中包含空格,就必須使用方括號表示法來獲取它的屬性值。 當然,如果屬性名不包含空格,也可以使用方括號表示法。 這是一個使用方括號表示法讀取對象屬性的例子: ```js const myObj = { "Space Name": "Kirk", "More Space": "Spock", "NoSpace": "USS Enterprise" }; myObj["Space Name"]; myObj['More Space']; myObj["NoSpace"]; ``` `myObj["Space Name"]` 將會是字符串 `Kirk`,`myObj['More Space']` 將會是字符串 `Spock`,並且`myObj["NoSpace"]` 將會是字符串 `USS Enterprise`。 注意,如果屬性名中包含空格,就必須使用引號(單引號或雙引號)將它們包裹起來。 # --instructions-- 使用方括號讀取 `testObj` 中 `an entree` 和 `the drink` 的屬性值,並分別將它們賦值給 `entreeValue` 和 `drinkValue`。 # --hints-- `entreeValue` 應該是一個字符串。 ```js assert(typeof entreeValue === 'string'); ``` `entreeValue` 的值應該爲字符串 `hamburger` ```js assert(entreeValue === 'hamburger'); ``` `drinkValue` 應該是一個字符串 ```js assert(typeof drinkValue === 'string'); ``` `drinkValue` 的值應該爲字符串 `water` ```js assert(drinkValue === 'water'); ``` 你應該使用兩次方括號 ```js assert(code.match(/testObj\s*?\[('|")[^'"]+\1\]/g).length > 1); ``` # --seed-- ## --after-user-code-- ```js (function(a,b) { return "entreeValue = '" + a + "', drinkValue = '" + b + "'"; })(entreeValue,drinkValue); ``` ## --seed-contents-- ```js // Setup const testObj = { "an entree": "hamburger", "my side": "veggies", "the drink": "water" }; // Only change code below this line const entreeValue = testObj; // Change this line const drinkValue = testObj; // Change this line ``` # --solutions-- ```js const testObj = { "an entree": "hamburger", "my side": "veggies", "the drink": "water" }; const entreeValue = testObj["an entree"]; const drinkValue = testObj['the drink']; ```