console.log에서 [object Object] 또는 값이 안 보일 때 JSON 내용 확인하는 방법

JavaScript에서 console.log()로 변수를 출력할 때,
아래처럼 값이 제대로 보이지 않거나 [object Object] 형태로 출력되는 경우가 있다.

console.log('e = ' + e);

 

이런 방식으로 출력했을 때 원하는 데이터가 보이지 않는다면,
해당 변수 e는 객체(Object) 또는 JSON 형태일 가능성이 높다.

JavaScript에서 문자열과 객체를 + 연산자로 연결하면
객체는 자동으로 문자열로 변환되며, 이 과정에서 내부 값이 사라진다.

 

 

 

🔹 해결 방법: JSON.stringify 사용하기

 

객체 안의 실제 내용을 확인하려면 JSON.stringify()를 사용하면 된다.

console.log('e = ' + JSON.stringify(e));

 

이렇게 출력하면 객체 내부의 key-value 구조를 문자열 형태로 확인할 수 있다.

 

🔹 가독성을 더 높이고 싶다면 (추천)

콘솔에서 보기 좋게 출력하고 싶을 경우,
JSON.stringify의 두 번째, 세 번째 옵션을 활용하면 된다.

 

console.log('e = ' + JSON.stringify(e, null, 2));

• null : replacer 옵션 (보통 사용 안 함)
• 2 : 들여쓰기(spaces) 값

👉 중첩된 JSON 구조도 한눈에 보기 쉬워진다.

 

🔹 가장 간단한 방법 (상황에 따라 권장)

사실 객체를 확인할 때는 문자열로 만들지 않고,
아래처럼 변수 자체를 그대로 출력하는 것이 가장 편한 경우도 많다.

console.log(e);

 

이 경우 브라우저 개발자 도구에서
객체를 펼쳐보며 내부 값을 직접 확인할 수 있다.