[JavaScript] json에서 -(dash)가 포함된 key에 접근하는 방법

json의 key는 다양한 형태로 표현될 수 있다. 예를 들어, 아래와 같이 -(dash)가 포함된 kebab-case 형태로 지정할 수 있고, 혹은 camelCase 형태로 표현할 수도 있다.

example: {
  "hello-world": "kebab-case",
  "helloWorld": "camelCase"
}

 

그런데, JavaScript에서 kebab-case 형태로 표기된 객체에 아래와 같이 접근할 경우에 error가 발생하게 된다.

example.hello-world; // ReferenceError: "item" is not defined

 

이런 상황에서는 아래와 같은 방식으로 kebab-case 형태의 key를 가진 객체에 접근할 수 있다.

example['hello-world']; // 대괄호 안에 접근하고자 하는 key를 입력

 

---