[JavaScript]자바스크립트에서 Object형 변수 값 확인하기

오늘은 자바스크립트에서 오브젝트형 변수의 값을 확인하는 방법을 정리해보고자 합니다.

자바스크립트에서 콘솔로그 등을 통해서 

일반적인 변수의 값등을 확인하는 등 많이 사용을 하십니다.

 

그런데 오브젝트형 변수의 경우에는 이렇게 하면 값이 나오지 않습니다.

값을 확인할 수 없습니다.

그렇기 때문에 오늘은 Javascript에서 Object형 변수일 때,

값을 확인하는 방법을 정리해보도록 하겠습니다.

 

반응형

 

 

우선 일반적인 변수에 대해서 값을 확인하는 방법에 대해서

정리를 해보도록 하겠습니다.

일반적으로 변수를 확인하기 위해서,

그리고 Object형 변수의 값을 확인하지 못하는 방법은 

다음과 같습니다.

 

console.log("1111 : " + 변수명 혹은 오브젝트형변수명)

일반적인 변수의 경우에는 위처럼 해도 정상적으로 나와집니다.

하지만 오브젝트형 변수의 경우에는 값을 확인할 수 없습니다.

 

제가 오브젝트형 변수를 넣어서

아래처럼 소스를 작성하였습니다.

변수명은 숨겨놓았습니다.

그리고 실행을 하게 되면 아래처럼 나오게 됩니다.

 

위처럼 [object Object] 라고 나오게 됩니다.

즉, 어느 값들이 들어가져있는지 확인할 수가 없습니다.

 

 

 

 

이러한 오브젝트형 변수의 값들을 확인하기 위해서는 

JSON.stringify 함수를 이용하면 됩니다.

JSON.stringify 함수로 감싸주게 되면, 해당 오븐젝트 변수의 값을 확인할 수 있습니다.

 

 

사용방법은 다음과 같습니다.

다음과 같이 소스를 작성해주시면 되십니다.

console.log("1111 : " + JSON.stringify(오브젝트변수명)

위처럼 해주시면 되십니다.

그러면 결과값이 JSON 형식으로 해서,

key, value 값 형식으로 해서

나오게 되는 것입니다.

 

 

실제 사용 예제는 다음과 같습니다.

아래와 같이 소스를 작성하였습니다.

변수명은 숨겨놓았습니다.

이렇게 해서 실행을 하게 되면 

결과는 아래처럼 나오게 됩니다.

위처럼 나오게 되는 것을 확인할 수 있습니다.

JSON 형식으로 해서 나오게 됩니다.

이렇게 나온 값들을 가지고 

현재 오브젝트형 변수에 어떻게 값이 들어가져있는지 확인할 수 있습니다.

 

 

 

 

오늘은 Javascript에서 Object형 변수의 값을 확인하는 방법을

정리해보았습니다.

일반적으로 console.log에서 많이 사용을 하지만,

alert 등 다른 방법으로 사용하셔도 동일한 결과를 확인하실 수 있습니다.

 

 

 

이상으로 자바스크립트에서 오브젝트형 변수 값 확인하는 방법이였습니다~

 

 

 

 

 

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다