본문 바로가기

Dev/[Javascript]

[javascript] json 데이터 만들기

반응형

 

INTRO


 

Javascript 에서 json 데이터를 만드는

2가지 방법에 대해 소개한다.

 

 


 

 

 

1. 객체 생성 후 값 넣어주기 (동적 json 생성에 적합)

--> 1 Depth 

--> 단순한 구조이다.

  let Item1 = new Object();
  Item1.name = '예약 취소';
  Item1.id = '954';
  console.log(Item1);

 

 

--> 2Depth

--> 위 1Depth에서 생성된 Object들을 배열로 담아준다.

  let arrItem1 = new Array();
  let Item1 = new Object();
  Item1.name = '예약 취소';
  Item1.id = '954';
  arrItem1.push(Item1);
  console.log(arrItem1);

 

--> 이런 식으로 새로운 Object를 생성하고, 이를 배열 안에 넣어주면서 여러 Depth의 Json데이터를 만들 수 있다.

--> 동적인 Json을 만들 때 주로 이런 방법으로 처리한다.

--> 여기서 push 후, Item1 변수에 다른 값을 넣어 다시 push 해본 결과 값이 제대로 들어가지 않았다.

예를 들면 아래와 같이 만들었다.

같은 값이 2개 들어간다(뒤에 넣어준 값..)

 

--> 이유는 아직 잘 모르겠으나, C,C++환경에서 넘어오다보니 위와 같은 현상이 익숙하지 않았다.

--> 아래와 같이 다시 new Object로 객체를 생성해주니 정상 동작하였다.

 


 

2. json 데이터로 선언 (정적 json생성에 적합)

--> 기존 json 형식과 비슷하다.

let elements =
  [
    {
      element1: [
        {
          name: '예약 취소1',
          id: '11',
        },
        {
          name: '예약 취소2',
          id: '22',
        },
      ],
      sessionKey: 'sessiontest',
      username: 'usertest',
    }
  ]
  console.log(elements);

 

-->정적인 json 형식을 처리하기에 적합하다.

 


 

-퍼가실 때는 출처를 꼭 같이 적어서 올려주세요!

 

반응형