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];