반복문을 활용한 날짜 데이터 리팩토링
강의 8:18 부분에서 강사님 코드 49번째 줄 말고 이렇게 작성하면 왜 안되나요?
console.log(documentobj[docKeys][i]);
답변 2
0
안녕하세요! 서연님!
documentObj[docKeys[i]]와 documentObj[docKeys][i] 차이가 궁금하셨군요!
조금 이해하기 쉽도록 이름을 아래처럼 변경해 볼게요!
프로필[취미[0]] vs 프로필[취미][0]
위 둘은 실제로 비슷해 보이지만, 아주아주 다르답니다!
위 둘을 이해하기 위해서, 객체와 배열에 대해서 조금만 더 자세히 알아보고 시작할게요!
// 배열
const 이름 = ["철수", "영희", "훈이"]
이름[0] // 철수
이름[1] // 영희
이름[2] // 훈이
// 객체
const 프로필 = {
이름: "철수",
나이: 12
}
프로필.이름 // 철수
프로필.나이 // 12
자! 여기서, 객체는 조금 특이한 성질을 가지고 있는데요!
아래와 같은 방법으로도 사용 가능하답니다!
// 객체
const aaa = "이름"
const 프로필 = {
이름: "철수",
나이: 12
}
프로필.이름 // 철수
프로필[aaa] // aaa는 변수이므로 다음과 같이 바뀌어요! => 프로필["이름"] => 프로필.이름 => 철수여기서 대괄호 []가 나오기 때문에 배열로 많이들 헷갈려 하시지만, 이것은 객체에서 접근하는 데이터가 변수안에 들어가 있을 때 보통 사용한답니다!
그렇다면, 프로필.aaa는 안될까요?
프로필.aaa라고 사용하시게 되면, aaa는 변수가 아니라 키값을 의미하겠죠?! 따라서 안됩니다!
const aaa = "이름"
const 프로필 = {
이름: "철수",
나이: 12,
aaa: "바나나"
}
프로필[aaa] // 프로필["이름"] => 프로필.이름 => 철수
프로필.aaa // 바나나
위의 원리를 이해하셨다면 실제 질문으로 돌아가볼까요?!
프로필[취미[0]] vs 프로필[취미][0]
const 취미 = ["수영", "축구", "농구"]
const 프로필 = {
수영: "1등",
축구: "2등",
농구: "3등"
}
1) 프로필[취미[0]] // => 프로필["수영"] => 프로필.수영 => "1등"
2) 프로필[취미][0] // => 프로필[["수영", "축구", "농구"]][0] => 프로필에서 수영, 축구, 농구 중 뭘 선택하라는 거지...? ** 에러발생 **
따라서, 2번의 경우, 에러가 발생하게 돼요!
0
안녕하세요 김서연 님, 인프런 AI 인턴이에요.
제공해주신 코드를 살펴보았을 때, documentobj와 docKeys가 정확히 어떤 변수를 가리키는지 확인해야합니다. 또한, 해당 코드가 어떤 목적을 가지고 사용되는지 이해할 필요가 있습니다. 코드 전체를 파악한 후에 보다 정확한 답변을 드릴 수 있습니다. 감사합니다!
강의 내용 PPT 제공
0
177
2
openweather 401 오류 지속적으로 발생해요..ㅠ
0
374
3
Geolocationposition 오류
1
521
1
for of, for in 강의에서
0
217
1
선생님 remaining 질문입니다.
0
232
1
ppt 제공
0
326
1
혹시 프론트, 백엔드 코스랑 강의가 겹치나요?
0
533
2
display:flex의 의미
0
428
1
JS로 HTML. CSS 조작
0
256
1
조건에 따른 메시지 출력 강의
0
183
1
locallhost
0
473
2
객체 속성 접근시 브라켓 이용(vs. 닷 오퍼레이터)
0
254
1
interval에 대한 질문입니다.
0
278
2
이해가 안되는 부분..
0
400
2
강의 보며 작업한 코드를
0
395
1
제대로 이해한건지 모르겠어요..
0
322
2
강의자료 부탁드립니다.
0
478
1
Uncaught TypeError: Cannot set properties of null (setting 'textContent')
0
5060
1
openweather api 2.5 관련 질문드립니다
0
745
2
openweather 401에러
0
520
1
createTodo함수 안에 매개변수
0
242
1
contents : complete : 가 무슨뜻인가요?
0
255
2
Javascript Exercise 깃허브에 푸쉬
0
349
1
savedWeatherData 조건문
1
352
1





