안녕하세요. 명월입니다.
저번 글에서는 JSON.stringify를 함수를 이용해서 클래스 형식의 데이터를 JSON으로 변환하는 것에 대해 소개하였습니다.
이번 글는 반대로 Json형식으로 된 string값을 Object형식으로 변환하는 자바스크립트의 내장함수인 JSON.parson에 대해 소개하겠습니다.
JSON.parson 함수의 사용방법은 JSON.stringify의 반대 형식으로 Json형식으로 된 String 형식을 파라미터로 넣으면 Object형식의 데이터가 반환됩니다.
<!doctype html>
<html lang="kr">
<head>
<script>
window.onload = function(){
// json값을 취득해 온다.
var data = document.getElementById("data").innerHTML;
// object형식으로 변환
var obj = JSON.parse(data);
console.log(obj);
// object형식의 result2의 값은?
console.log(obj.result2);
}
</script>
</head>
<body>
<span id="data">{"result1":"test","result2":"test2","result3":"test3"}</span>
</body>
</html>
span태그에서 json형식으로 된 값을 가져와서 JSON.parse함수를 이용해서 object로 변환했습니다.
콘솔 로그를 보니 확실히 object 형식으로 변환되었습니다. 그럼 json 형식으로 있을 때 키 result2의 값을 출력해 보니 test2의 값이 나옵니다.
'Development note > Javascript, JQuery, CSS' 카테고리의 다른 글
| [Javascript] Clipboard를 사용하는 방법(Ctrl + c 할때 출처 붙이기) (0) | 2019.08.20 |
|---|---|
| [Jquery] ajax에서 동기화 작업하는 방법 (0) | 2019.07.15 |
| [Jquery] ajax를 이용해 파일 업로드하는 방법 (2) | 2019.06.16 |
| [Jquery] Jquery 초기 구조 설정하기 (0) | 2019.05.18 |
| [Javascript] JSON.stringify 함수 (0) | 2015.04.19 |
| [Javascript] 소스 보기 라이브러리 - Syntaxhighlighter (0) | 2013.03.12 |
| [Jquery] 스크롤링 효과 예제 (0) | 2012.10.06 |
| [Jquery] 롤링 라이브러리 - jcarousellite (0) | 2012.09.24 |