JSON, JavaScript 객체 차이

📌type이 object인 이유??

 

• jsp의 success: function(data) 여기로 넘어감
• console.log(data) 결과

 

🚩ajax에서 dataType: "JSON"을 설정했을 때, 서버에서 응답한 데이터가 JSON 형식으로 전달되면,
JavaScript에서는 이 데이터를 받아서 자동으로 JavaScript 객체로 변환함

 

예를 들어, 서버에서 다음과 같은 JSON 형식의 데이터를 보냈다고 가정

{
  "name": "John",
  "age": 30
}

이 데이터는 JavaScript 객체처럼 다루어짐 즉, 다음과 같이 사용

console.log(data.name); // "John"
console.log(data.age);  // 30

typeof data가 "object"로 표시되는 이유는 JavaScript에서 JSON 데이터를 객체로 다루기 때문

 

 

🚩{gridDataList: Array(33)}와 같은 구조는 JavaScript 객체의 키-값 쌍(Key-Value Pair) 형태로,일반적인 JSON 객체

 

여기서:

• "gridDataList"은 객체의 Key (—> resultMap.put("gridDataList", JSP파일); return resultMap; 컨트롤러에서 리턴함)
• Array(33)은 객체의 Value

즉, "gridDataList" Key에는 길이가 33인 배열이 저장되어 있다.

 

 

🚩배열 내부의 구조 역시 JSON 객체를 포함하고 있습니다.

예를 들어, 배열의 첫 번째 요소인 0에 해당하는 값은 다음과 같은 JSON 객체입니다:

{
  "GOO": "Q",
  "CU": "DP",
  "USE_YN": "Y",
  "GR_CD": "17",
  "TYPE": "Y",
}

이 JSON 객체는 키와 값을 가지고 있으며, 속성들의 정보를 저장하고 있습니다.

배열의 각 요소가 이러한 JSON 객체로 구성되어 있고,

배열의 길이는 33이므로, 이러한 객체가 총 33개 저장되어 있다고 볼 수 있습니다.

 

이러한 JSON 형식의 데이터는 자바스크립트에서 다루기 용이하며,

일반적으로 웹 애플리케이션에서 서버로부터 데이터를 받거나 클라이언트와 서버 간에 데이터를 교환할 때 사용됩니다.

 

 

---

 

JSON 형식으로 파싱하는 것과 JavaScript 형식으로 파싱하는 것 사이의 주요 차이

JSON 파싱:

erpMenuTree.parse({
  "id": "1",
  "text": "Root",
  "children": [
    {
      "id": "2",
      "text": "Child 1",
      "children": [
        {
          "id": "3",
          "text": "Grandchild 1"
        },
        {
          "id": "4",
          "text": "Grandchild 2"
        }
      ]
    },
    {
      "id": "5",
      "text": "Child 2"
    }
  ]
}, 'json');

JavaScript 형식 파싱:

var treeData = [
  {
    id: "1",
    text: "Root",
    item: [
      {
        id: "2",
        text: "Child 1",
        item: [
          {
            id: "3",
            text: "Grandchild 1"
          },
          {
            id: "4",
            text: "Grandchild 2"
          }
        ]
      },
      {
        id: "5",
        text: "Child 2"
      }
    ]
  }
];

erpMenuTree.parse(treeData, 'json');

주요 차이점은 데이터를 표현하는 방식

 

1. JSON 형식:
   • children 속성이 사용
   • 하위 항목은 children 배열 내에 포함
   • id와 text 같은 키-값 쌍으로 데이터가 표현
2. JavaScript 형식:
   • item 속성이 사용
   • 하위 항목은 item 배열 내에 포함
   • id와 text 같은 키-값 쌍으로 데이터가 표현

 

 

---

 

 

— json은 형식이 문자열이고 js는 객체인가?

JSON(JavaScript Object Notation)은 문자열 형식의 데이터 표기법이며, JavaScript 객체는 실제 객체입니다.

• JSON: JSON은 데이터 교환 형식으로 주로 사용됩니다. JSON 데이터는 문자열로 표현되며, 키-값 쌍으로 구성된 데이터를 간단하게 나타냅니다. 예를 들어, {"name": "John", "age": 30}과 같은 형태의 문자열입니다.
  JSON 데이터를 JavaScript 객체로 변환하려면 JSON.parse()를 사용합니다.
• JavaScript 객체: JavaScript에서 객체는 실제 객체로 존재하며, 다양한 속성과 메서드를 가질 수 있습니다.
  JavaScript 객체는 중괄호 {}로 정의되며, 속성과 메서드를 포함할 수 있습니다. 

var person = {
  name: "John",
  age: 30,
  sayHello: function() {
    console.log("Hello, my name is " + this.name);
  }
};

두 형식은 서로 다른 목적을 가지고 있습니다.

JSON은 데이터 교환을 위한 경량 데이터 형식이며, JavaScript 객체는 프로그래밍 언어 자체의 객체를 나타냅니다.

JSON 데이터를 JavaScript 객체로 변환하거나 JavaScript 객체를 JSON 문자열로 변환할 수 있으며,

이를 통해 데이터를 다루거나 교환하는 데 사용됩니다.