Freecodecamp: 변수를 사용하여 객체 속성에 액세스하기가 어렵습니까?

/ cc @ FreeCodeCamp / 중재자
지침에 더 자세한 설명이 필요한 경우 누구든지 심사에 도움을 줄 수 있습니까? 나는 편견을 가지고 있을지 모르지만 그들은 나에게 똑바로 보인다.

@ChrisKissoon 대괄호 표기법은 프로그램 실행 중에 이름이 동적으로 수집되는 속성에 액세스해야 할 때 유용합니다.
예

var obj = {
  propName : "John"
}

function propPrefix(str) {
  var s = "prop";
  return s + str;
}

var someProp = propPrefix("Name")

console.log(obj[someProp]) // -> "John"

이 개념이 너무 장황하지 않은 경우 설명에서 설명 할 수 있습니다.

@ Emt-Ant에게 감사합니다. 더 자세한 설명을 위해 지침을 업데이트해야합니까? 당신의 의견?

@raisedadead @ Em-Ant,
나는 혼란을 이해할 수 있으며, 더 많은 설명으로 업데이트하는 imho는 좋은 생각처럼 들립니다.

다음과 같은 예가있는 신규 사용자 :

var someProp = "propName";
var myObj = {
  propName: "Some Value"
}
myObj[someProp]; // "Some Value"

"우리가 똑같은 일을하고 있기 때문에 왜 myObj.propName을하지 않는가?"라고 생각하기 쉽습니다.

다시 두 번째 예 :

var myDog = "Hunter";
var dogs = {
  Fido: "Mutt",
  Hunter: "Doberman",
  Snoopie: "Beagle"
}
var breed = dogs[myDog];
console.log(breed);// "Doberman"

같은 일을합니다. 변수에 값을 첨부 할뿐입니다. 왜 우리는 변수가 필요합니까 ?? @ Em-Ant가 말한 것처럼 변수가 동적으로 변경되는 예를 추가해야한다고 생각합니다. 변수를 문자열과 동일하게 설정하고 변수를 사용하는 경우에는 의미가 없기 때문입니다. 점 표기법을 사용하는 것이 더 실용적입니다. 점 표기법 대신 변수를 처음에 사용해야하는 이유를 설명하지 않는 한이 문제는 의미가 없습니다. 그래서 저의 투표는 다른 예를 추가하고 변수를 사용하는 이유를 명확히하는 것입니다.

@IsaacAbrahamson 감사합니다.

기여자는 Updating Object Properties 와 함께이 챌린지를 리팩토링해야합니다. 풀 리퀘스트를하기 전에 제안 된 리팩토링과 함께 아래에 의견을 남겨주세요.

/ cc @erictleung 생각?

또한 @systimotic ' https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12125#issuecomment -269246606을 확인하십시오.

안녕하세요 @raisedadead ,
객체 표기법과 관련된 모든 문제를 읽음으로써 초보자에게는 명확하지 않다는 것을 이해했습니다. 그들은 나에게 똑바로 보였다. 더 간단하게하려면 이러한 변경을 수행하는 것이 좋습니다.

객체 접근 : (https://github.com/FreeCodeCamp/FreeCodeCamp/issues/12141)

var currency = {
   USA  : "dollar",
   London : "euro",
   India : "rupee",
}
function getCurrency(country){
 return country +" currency is "+currency[country] +" ";
}
getCurrency("USA") // "USA currency is dollar" 

개체 업데이트에 문제가 없습니다. 틀린 점 있으면 지적 해주세요.
심지어 나는 Nested Objects 도전을 추가하려고 생각하고 있습니다. 개선을 위해 내가 어떻게 도울 수 있는지 알려주세요.

@raisedadead 이 객체 문제를 해결할 수 있는지 보겠습니다.

기여자는 Updating Object Properties 와 함께이 챌린지를 리팩토링해야합니다. 풀 리퀘스트를하기 전에 제안 된 리팩토링과 함께 아래에 의견을 남겨주세요.

따라서 객체에 대한 초기 과제 인 "Build JavaScript Objects" 의 경우 샘플 객체는 모든 속성이 문자열입니다. 다른 유형의 속성을 가진 다른 샘플 객체를 추가 할 수 있습니다.

var sampleObject = {
  property_1: "Green",
  2: "Hal",
  "property_3": "Lantern"
};

이것은 좀 더 혼란 스러울 수도 있지만 물체의 가능성을 탐구하는 것이므로 캠핑 객이 약간 조사하도록 유도 할 수 있습니다. 또한 "변수를 사용하여 객체 속성에 액세스"에 대한 시드 코드에는 속성으로 숫자가 있는데, 이는 객체에 대한 이전 세 가지 과제에서 표시되지 않았습니다.

액세스해야하는 속성에 공백이있을 때만 대괄호를 사용해야한다고 읽었습니다.

이 문제는 대괄호 표기법을 변경하여 수정할 수 있습니다. " 대괄호 표기법으로

액세스하려는 개체의 속성에 공백이 있으면 대괄호 표기법을 사용해야합니다.

다음과 같이 변경할 수 있습니다.

액세스하려는 개체의 속성에 공백이 있으면 대괄호 표기법을 사용해야합니다. 그러나 공백없이 속성에 대괄호 표기법을 사용할 수 있습니다.

그런 다음 공백없이 속성을 가질 수 있음을 보여주기 위해 샘플 객체를 수정할 수 있습니다.

var myObj = {
  "Space Name": "Kirk",
  "More Space": "Spock",
  "NoSpace": "USS Enterprise"
};
myObj["Space Name"]; // Kirk
myObj['More Space']; // Spock
myObj["NoSpace"];    // USS Enterprise

"Accessing Object Properties with Variables"의 경우 , @ Em-Ant의 제안 을 좋아합니다. 예를 들어 첫 번째 예, 즉 제거

var someProp = "propName";
var myObj = {
  propName: "Some Value"
}
myObj[someProp]; // "Some Value"

dogs 개체 예제를 첫 번째 예제로 이동하고

var obj = {
  propName : "John"
}

function propPrefix(str) {
  var s = "prop";
  return s + str;
}

var someProp = propPrefix("Name");
console.log(obj[someProp]); // "John"

두 번째 예입니다.

대괄호 표기법이 객체를 조작하는보다 동적 인 형태라고 말하는 것은 어떻습니까? 숫자로 시작하고 속성 이름으로 공백이있는 문자열 a 사용과 같이 대부분의 JavaScript 선언 규칙을 벗어날 수있는 문자열을 사용할 수 있습니다. 또한 대괄호 안에 변수를 배치하여 속성을 즉석에서 또는 일부 부작용을 통해 할당 할 수 있습니다. 예를 들어 프로그램에 개체가 있고 생성 중에 필요한 속성이 무엇인지 확실하지 않으므로 프로그램이 런타임 중에 할당 할 수 있도록 허용합니다.