[JavaScript #8] JSON Property Name 다루기

■ JSON Property name 다루기

---

Json의 property name을 원활하게 다루고, 그 성질에 대해 정리해보자 합니다.

Json의 형태는 object형태와 보통 동일하게 이루어져 있습니다.

기본적인 형태는 아래와 같아요. 예를 들어 object를 하나 만들어보겠습니다.

var testObj = { "name":"John", "age":13, "city":"Seoul", "grade":"A" };

보통 이렇게 property name : value 형태로 구성되어 있습니다.

그리고 property name은 보통 String 형태로 되어 있죠.

그렇기에 object에서 값을 가져올 때는 다음과 같이 사용이 가능합니다.

쉬운 예제를 위해 alert을 사용하겠습니다.

alert(testObj.name); alert(testObj.age);

이와 같이 무난하고 쉽고 직관적으로 사용이 가능합니다.

그렇다면 이제는 다루기 까다로운 property name을 다루는 방법을 정리하겠습니다.

● property name이 숫자인 경우

var testObj = { "name":"John", "age":13, "city":"Seoul", "1234":"A" };

"1234" 이 또한 String이기 때문에 property name으로 사용이 가능합니다.

여기 저장된 값은 어떻게 사용해야 할까요 ?

alert(testObj.1234);

위와 같이 사용이 불가능합니다.. 그렇기에 이를 위해서는 다음과 같이 사용합니다.

alert(testObj[1234]);

위 처럼 사용하면 "1234"에 저장되어 있는 값 "A"가 사용 가능합니다.

● property name이 숫자와 문자인 경우

var testObj = { "name":"John", "age":13, "city":"Seoul", "1st":"A" };

"1st" 이 또한 String이기 때문에 property name으로 사용이 가능합니다.

여기 저장된 값은 어떻게 사용해야 할까요 ? 더욱 까다로워졌습니다.

다음과 같이 다루어서 값을 사용할 수 있습니다.

alert(testObj['1st']);

위 처럼 사용하면 '1st'에 저장된 값 "A"가 사용 가능합니다.

매우 간단하게 다룰 수 있지만, 모른다면 꽤 오랫동안 트러블슈팅을 해야합니다.

직접 해보시고, 참고하시길 바랍니다. 감사합니다.