$.ajax data 이름에 공백이 존재하는 배열 데이터를 가져와 보자..

문제발생

ajax 통신으로 데이터를 받으려고 콘솔을 찍어서 확인하는데, 처음보는 경우라 머리가 멈춰버렸다!

• 그저 Qtar World Cup Event Info 의 NationID 값을 가져오고 싶었을 뿐이다...

문제해결

뭐라고 검색해야 할지 감이 안와서 이것저것 시도해 봤다.

과정 1

• data.Qtar World Cup Event Info[0].NationID
• 당연히 안될 것 같았지만, 그래도 쳐보기는 했다.

과정 2

• data.Qtar_World_Cup_Event_Info[0].NationID
• 구글링 중 공백은 _ 라는 말을 보고 시도해 보았지만 어림도 없었다.

과정 3

• data.["Qtar World Cup Event Info"][0].NationID
• 나중에 알게된 사실인데, 정답에 제일 가까운 방법이었다.

문제해결

• data["Qtar World Cup Event Info"][0].NationID <= 이렇게 써야했었다! (data 뒤에 . 을 빼야함!)

덕분에 저런 방법으로도 객체에 접근 할 수 있다는 사실을 알게되어서 두번 다시는 헤매지는 않을 것 같다..

ps. 구글링 키워드조차 떠오르지 않으니 혹시 또 같은 실수를 반복해서, 나중에 개고생하기 전에 여기에 적어두자...