어제 오늘 내일

[Javascript] 객체(object) 내용 출력하기 [object Object] 본문

IT/Javascript

[Javascript] 객체(object) 내용 출력하기 [object Object]

hi.anna 2022. 3. 5. 22:50

 

Javascript에서 정의한 Object를 그대로 출력하면

아래와 같이 [object Object] 값이 출력됩니다.

 

const obj = {
  x : 'x',
  y : 'y',
  z : {
    z1: 'z1'
  }
};

document.write(obj);

 

 

 

JSON.stringify() 함수 사용하기

만약, 객체(Object)의 값을 출력하고 싶으면,

JSON.stringify() 함수를 사용하여 객체를 JSON 문자열로 변환해 주어야 합니다.

 

JSON.stringify() 함수에 대한 자세한 설명은 지난 포스팅을 참조하세요.

[Javascript] 객체를 JSON으로 변환하기

 

[Javascript] 객체를 JSON으로 변환하기

Javascript에서 사용하는 객체(Object)를 네트워크를 통해 전송하려면 어떻게 해야 할까요? Javascript의 객체를 그대로 서버로 전송할 수는 없습니다. Javascript에서는 주로 객체를 JSON(JavaScript Object Nota..

hianna.tistory.com

 

  예제  

const obj = {
  x : 'x',
  y : 'y',
  z : {
    z1: 'z1'
  }
};

// 객체 -> JSON 문자열로 변환
const json = JSON.stringify(obj);

// JSON 문자열 출력
document.write(json);

 

const json = JSON.stringify(obj);

객체를 JSON 문자열로 변환하였습니다.

 

document.write(json);

변환된 JSON 문자열을 출력하였습니다.

 


 

JSON.stringify() 함수를 사용하여

객체를 출력하는 방법을 알아보았습니다.

 

 

 

반응형
Comments