반응형
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()**을 사용하면 객체의 내용을 더 쉽게 확인할 수 있습니다.
반응형
'WEB' 카테고리의 다른 글
자바스크립트의 Null 병합 연산자(??)를 활용한 값 대체 기능 (0) | 2023.06.22 |
---|---|
JavaScript에서 주말을 제외하고 두 날짜 간의 차이 일 수를 구하는 방법 (0) | 2023.05.12 |
JavaScript에서 주말을 제외하고 지정된 날짜에서 +3일을 계산하는 방법 (0) | 2023.05.12 |
input 태그에 숫자와 소숫점만 들어가게 제어 하는 방법 (0) | 2023.04.27 |
input 태그 입력 가능 문자 길이 제한 방법 (0) | 2023.04.20 |