객체속성 접근에 관해 질문입니다.
.map((tabType) => ({tabType, tabLabel: TabLabel[tabType]}))
해당 코드에서
TabLabel[tabType] -> TabLabel.tabType 으로 변경하면 undefined 가 출력이 되는데 이유를 모르겠습니다.
//
const TabLabel = {
[TabType.KEYWORD]: '추천 검색어',
[TabType.HISTORY]: '최근 검색어'
}
console.log(TabLabel['KEYWORD']);
console.log(TabLabel.KEYWORD);
이런식으로 콘솔에 찍어보면 잘 출력이 됩니다.
스코프와 관련이 있나요?
답변 1
1
TabLabel 객체를 보시면 문자열 값을 가지는 두 개 속성이 있습니다.
- TabLabel[TabType.KEYWORD]: '추천 검색어'
- TabLabel[TabType.HISTORY]: '최근 검색어'
변수로 객체 키에 접근한 이 객체는 결국 이러한 모습이 될거에요.
- TabLabel.KEYWORD: '추천 검색어'
- TabLabel.HISTORY: '최근 검색어'
질문에 총 네 가지 접근법이 있는데요. 이런 차이가 있습니다.
- TabLabel[tabType]: tabType 변수에 따라 문자열 혹은 undefined가 될 수 있습니다.
- TabLabel.tabType: tabType 속성이 없으니깐 undefined가 됩니다.
- TabLabel['KEYWORD']: 문자열("추천검색어")
- TabLabel.KEYWORD: 문자열("추천검색어")
리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?
1
90
2
super.show() 호출하는 이유가 궁금합니다.
1
81
2
class와 constructor를 이용한 객체 지향 프로그래밍
0
225
2
mvc 패턴 질문
0
197
2
Cannot read properties of undefined (reading 'props')
0
271
2
delegate, emit 필요한 이유
0
197
2
어떤거를 먼저 들어야 하는지 도와주세요
1
265
1
localhost:8080 접속 불가
1
282
1
최근검색어 3 풀이에서
1
188
1
import 문제
1
233
1
자동변환 관련
1
203
1
sort() 질문 드립니다.
1
304
2
reset 시점에 searchResult 빈 배열로 update
2
311
2
Button에 Onclick사용
1
248
1
npx lite-server error 확인 요청드립니다.
1
470
2
node 20이상 쓸때 꿀팁
4
760
3
디버깅 관련질문이 있습니다.
1
295
1
[순수JS2]탭 3(풀이) 질문있습니다.
1
229
1
추상화를 어떻게 받아들이면 될까요??
1
435
1
on 메서드 eventName 문의
1
268
1
import에 관해서 질문드립니다
1
256
1
view.js의 on 메소드에 대해 질문드립니다
1
260
1
componentDidMount에서 getKeywordList()를 하는 이유
1
243
1
[순수JS1]검색폼2_git branch 이동관련
1
281
1