[ETC] 객체를 JSON 형식으로 변환하는 방법

    반응형

    개발 중 테스트를 위해 임시 데이터를 생성해야 하는 경우가 많다.

    그러나 console.log 로 데이터를 출력하면, 객체 형식으로 표시되어 데이터를 복사하거나 사용할 수 없을 때가 있다.

     

    예시

    예를 들어, 다음과 같은 데이터가 있다고 가정해 보자.

    let tempData =
    {
      jobsubid: '1',
      selText: 'selText5',
      score: '5',
      idx: '0',
      btnText: '매우 그렇다'
    }

    개발자 도구에서의 예시

     

    변환

    이러한 객체 데이터를 임시 데이터로 활용하기 위해 JSON.stringify() 메서드를 사용하여 JSON 형식으로 변환

    console.log(JSON.stringify(tempData));

    개발자 도구에서의 예시

    이렇게 객체 데이터를 JSON 문자열로 변환하여 출력하면, 형태가 바뀐 것을 볼 수 있다.

    이 데이터를 복사하여 다른 테스트나 코드에서 활용할 수 있다.

     

    객체와 JSON

    객체와 JSON을 혼용할 수 있는데,

    객체 는 key-value 쌍으로 이루어진 데이터 구조이고

    //  Javascript 예시
    const person = {
      name: "peazh",
      age: 20
    };

     

    JSON (JavaScript Object Notation)은 문자열로 표현되는 데이터 구조로, 전송하거나 저장할 때 주로 사용한다. 

    그리고 JSON은 key와 문자열 값 모두 쌍따옴표로 감싸져 있어야 한다.

    // JSON 예시
    {
      "name": "peazh",
      "age": 20
    }

    우리가 다루는 JavaScript 객체를 JSON으로 변환하려면 위와 같이 메서드를 사용하여 문자열 형태로 바꿔줘야 한다.

     

    반응형

    댓글