freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../basic-javascript/accessing-object-properties...

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