freeCodeCamp/curriculum/challenges/chinese-traditional/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];