본문 바로가기
Language/JavaScript

[JS] console.log [Object] 출력하기 + JSON.stringity()

by developerBeluga 2022. 11. 16.
728x90
반응형

 

 

 

 

console로 데이터들이 잘 나오는지 확인할려고 할 때 type 필드만 [Object]로 데이터를 알 수 없었다.

이유를 찾아보니 console.log나 alert의 경우 이중, 삼중 객체로 데이터를 출력할 경우 [Object]만 나온다고 한다.

 

데이터를 알기 위해 이중 삼중 객체를 풀어 console.log로 찍기엔 불편하기 때문에 데이터를 볼 수 있는 방법을 찾아보도록 하자.

 

console.log(JSON.string(data, null, 2));

JSON.stringity() 메소드를 사용하면 겹겹히 쌓인 객체도 깨끗하게 출력될 수 있다. 

JSON.stringity() 메소드는 JavaScript 값이나 객체를 JSON 문자열로 변환할 수 있다.

 

JSON.stringify(value[, replacer[, space]])

JSON.stringity() 구문은 위와 같은데 value이 JSON 문자열로 변환할 값이다.

 

JSON.stringify({ a: 2 }, null, ' ');
// '{
//  "a": 2
// }'

가장 궁금했던 space는 최종 문자열의 간격을 제어한다. 

위에서 space에 2를 넣었다는 것은 공백으로 사용되는 스페이스의 수가 2라는 것이다.

 

 

[Object]로 알 수 없었던 return의 값이 시원하게 보인다.

 

 

 

 

 

728x90
반응형

댓글