JavaScript에서 JSON 형식 소개

때로는 배열이나 객체와 같은 데이터 구조를 문자열로 변환해야 할 때가 있습니다. 이는 예를 들어 인터넷을 통해 이 구조를 전송하거나 저장소에 저장하기 위해 필요할 수 있습니다.

이를 위해 JavaScript에는 특별한 형식인 JSON이 고안되었습니다.

JSON 형식은 두 가지 구조 중 하나를 포함할 수 있습니다: 배열 또는 키-값 쌍이 있는 객체. 배열과 객체는 JavaScript에서와 동일하게 구성되지만 제한이 있습니다: 모든 문자열과 객체의 문자열 키는 큰따옴표로 묶어야 합니다.

예를 들어, JSON 형식으로 배열을 포함하는 문자열을 만들어 보겠습니다:

javascriptlet json = '[1, 2, 3, 4, 5, "a", "b"]';

이제 JSON 형식으로 객체를 포함하는 문자열을 만들어 보겠습니다:

javascriptlet json = `{
  "a": "aaa",
  "b": "bbb",
  "c": "ccc",
  "111": "ddd"
}`;

이러한 구조를 어떤 순서로든 결합할 수 있습니다:

javascriptlet json = `[
  {
    "a": "aaa",
    "b": "bbb"
  },
  {
    "c": "ccc",
    "d": "ddd"
  }
]`;

JavaScript 구조와 달리, JSON에서는 배열과 객체의 마지막 요소 뒤에 쉼표가 허용되지 않습니다:

javascriptlet json = '[1, 2, 3, 4, 5,]'; // 틀림
let json = '[1, 2, 3, 4, 5]';  // 맞음

숫자와 문자열 외에도 요소로는 true, false 및 null 값도 사용될 수 있습니다:

javascriptlet json = '[null, true, false]';

javascriptlet arr = [1, 2, 3, 'a', 'b', 'c'];

javascriptlet obj = {
  a: 1,
  b: 2,
  c: 'eee',
  d: true,
};

javascriptlet obj = {
  a: ['a', 'b', 'c',],
  b: '111',
  c: 'eee',
};