2.5 KiB
2.5 KiB
id | title | challengeType | videoUrl | forumTopicId | dashedName |
---|---|---|---|---|---|
56533eb9ac21ba0edf2244c9 | 通過變量訪問對象屬性 | 1 | https://scrimba.com/c/cnQyKur | 16165 | accessing-object-properties-with-variables |
--description--
對對象上使用方括號表示法,還可以訪問對象上作爲變量值存儲的屬性。 當你需要遍歷對象的所有屬性,或者根據一個變量的值查找對應的屬性值時,這種寫法尤其適用。
以下是一個使用變量來訪問屬性的例子:
var dogs = {
Fido: "Mutt", Hunter: "Doberman", Snoopie: "Beagle"
};
var myDog = "Hunter";
var myBreed = dogs[myDog];
console.log(myBreed);
字符串 Doberman
將會出現在控制檯中。
使用這一概念的另一種情況是:屬性的名字是在程序運行期間動態收集得到的。如下所示:
var someObj = {
propName: "John"
};
function propPrefix(str) {
var s = "prop";
return s + str;
}
var someProp = propPrefix("Name");
console.log(someObj[someProp]);
someProp
的值將爲字符串 propName
,並且字符串 John
將會出現在控制檯中。
注意,當使用變量名訪問屬性時,我們沒有使用引號包裹它,因爲我們正在使用的是變量的值,而不是變量的名字。
--instructions--
將變量 playerNumber
設置爲 16
。 然後,使用該變量查找玩家的名字,並將其賦值給player
。
--hints--
playerNumber
應該是一個數字
assert(typeof playerNumber === 'number');
變量 player
應該是一個字符串
assert(typeof player === 'string');
player
的值應該爲字符串 Montana
assert(player === 'Montana');
你應該使用方括號訪問 testObj
assert(/testObj\s*?\[.*?\]/.test(code));
你不應該直接將值 Montana
賦給變量 player
。
assert(!code.match(/player\s*=\s*"|\'\s*Montana\s*"|\'\s*;/gi));
你應該在你的方括號內使用變量 playerNumber
。
assert(/testObj\s*?\[\s*playerNumber\s*\]/.test(code));
--seed--
--after-user-code--
if(typeof player !== "undefined"){(function(v){return v;})(player);}
--seed-contents--
// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};
// Only change code below this line
var playerNumber; // Change this line
var player = testObj; // Change this line
--solutions--
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};
var playerNumber = 16;
var player = testObj[playerNumber];