본문 바로가기
WEB

console.log 로 [object Object] 보는 방법

by iiaii 2023. 6. 12.
반응형

JavaScript에서 console.log() 함수를 사용하여 객체를 출력할 때 "[object Object]"라는 문자열이 표시되는 경우, 이는 기본적으로 JavaScript 객체의 문자열 표현이기 때문입니다. console.log() 함수는 객체를 문자열로 변환하여 출력하므로 객체의 내용을 보기 어렵게 표시됩니다.

객체를 읽기 쉬운 형식으로 출력하려면 JSON.stringify() 함수를 사용하여 객체를 JSON 형식의 문자열로 변환하는 것이 도움이 될 수 있습니다. 다음은 **console.log()**와 **JSON.stringify()**를 함께 사용하는 예시입니다:

const myObject = { foo: 'bar', baz: 123 };

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

위의 코드를 실행하면 myObject 객체가 JSON 형식의 문자열로 변환되어 출력됩니다.

또는 console.dir() 함수를 사용하여 객체를 자세하게 출력할 수도 있습니다. console.dir() 함수는 객체의 속성 및 구조를 탐색하여 트리 형태로 출력합니다. 다음은 **console.dir()**을 사용하는 예시입니다:

const myObject = { foo: 'bar', baz: 123 };

console.dir(myObject);

위의 코드를 실행하면 객체의 속성과 구조가 트리 형태로 출력됩니다.

**console.log()**로 출력된 "[object Object]"보다 JSON.stringify() 또는 **console.dir()**을 사용하면 객체의 내용을 더 쉽게 확인할 수 있습니다.

반응형