반응형
개요
JSON 타입 을 문자열로 변환하는 것에 대한 내용입니다.
JSON 에 대해서 간단 설명
JSON (JavaScript Object Notation)
- 자바스크립트 의 간략한 오브젝트 형.
- 사용하기 쉽다.
- var 변수 = {이름: "홍길동", 주소:"가나다라"};
본문
JSON 은 일종의 Object 타입에 가깝습니다.
문자열 같아보이기는 하지만, 접근법에 있어서 문자열은 아닙니다. 이 경우에 무언가를 치환한다거나, 디버깅 할 때에 불편한 요소가 발생하기도 하는데, 혹은 request 를 날리거나 하는 경우에, 문자열로 치환할 필요가 생기기도 합니다.
초반에는 잘 사용이 안 되가다가, 최근에는 종종 사용하게 되네요.
아래와 같은 함수를 이용하면 됩니다.
JSON.stringify(json_data)
아래는 예제 샘플입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JSON Stringify</title>
</head>
<body>
json value<br>
<textarea></textarea>
<script>
var abc = {name:"홍길동", address: "가나다라"};
var el = document.querySelector("textarea");
el.value = JSON.stringify(abc);
</script>
</body>
</html>
반응형
'개발 > Javascript, ECMAScript' 카테고리의 다른 글
[Node.js] Node.js 설치 스샷 (윈도우 환경) (0) | 2019.02.21 |
---|---|
encodeURI (0) | 2019.02.21 |
[javascript] javascript 에서 null 체크 (0) | 2019.02.21 |
[제이쿼리 jquery] jquery Ajax 이후에 Popup 해야 하는 경우 (0) | 2015.10.15 |
[jquery] closest (0) | 2015.10.02 |
[자바스크립트 Javascript] 금액의 세자리 마다 , 추가하는 함수 (0) | 2015.05.10 |
[자바스크립트 javascript] Synchronous XMLHttpRequest on the main thread is deprecated (업데이트 2019-03-04) (0) | 2015.05.08 |
[jquery] 키 이벤트 순서 (0) | 2014.05.22 |