wiki:javascript:javascript_note:json_intro

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:javascript_note:json_intro [2022/12/02 10:19]
127.0.0.1 바깥 편집
+++ wiki:javascript:javascript_note:json_intro [2023/01/13 18:44] (현재)
@@ 줄 4: / 줄 4: @@
   * author      : 오션
   * email       : shlim@repia.com
-  * lastupdate  : 2022-04-06 Wed
+  * lastupdate  : 2022-12-09 Fri
 </WRAP>
 <WRAP clear></WRAP>
@@ 줄 69: / 줄 69: @@
 \\
 JSON을 사용하면 JavaScript 객체를 텍스트로 저장할 수 있습니다.\\
+====== JSON 객체 ======
+자바스크립트 배열과 객체를 활용해 자료를 표현하는 방식\\
+자바스크립트 객체를 JSON 문자열로 변환할 때는 JSON.stringify()메소드를 사용합니다.\\
+\\
+<code javascript>
+const data = [
+    {
+        name : '혼자 공부하는 파이썬'
+        , price : 18000
+        , publisher : '한빛미디어'
+    }
+    ,
+    {
+        name : 'HTML5 웹 프로그래밍 입문'
+        , price : 20000
+        , publisher : '한빛아카데미'
+    }
+]
+console.log(JSON.stringify(data));
+console.log('+++++++++++++++++++++++++++');
+console.log(JSON.stringify(data, null, 2));
+</code>
+\\
+**결과 : **\\
+<code javascript>
+[{"name":"혼자 공부하는 파이썬","price":18000,"publisher":"한빛미디어"},{"name":"HTML5 웹 프로그래밍 입문","price":20000,"publisher":"한빛아카데미"}]
++++++++++++++++++++++++++++
+[
+  {
+    "name": "혼자 공부하는 파이썬",
+    "price": 18000,
+    "publisher": "한빛미디어"
+  },
+  {
+    "name": "HTML5 웹 프로그래밍 입문",
+    "price": 20000,
+    "publisher": "한빛아카데미"
+  }
+]
+</code>
+\\
+<code javascript>
+console.log(JSON.stringify(data));  // 매개변수를 하나만 넣으면 한 줄로 반환됩니다.
+</code>
+\\
+<code javascript>
+console.log(JSON.stringigy(data, null, 2));
+//null : 2번째 매개변수는 객체에서 어떤 속성만 선택해서 추출하고 싶을 때 사용하나, 거의 사용하지 않으며, 일반적으로 null(아무 것도 없음)을 넣습니다.\\
+//2: 들여쓰기 2칸으로 설정합니다.\\
+//--출처 : [혼자 공부하는 자바스크립트]
+</code>
 {{tag>오션, JS JSON Intro}}

/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/json_intro.1669943944.txt.gz · 마지막으로 수정됨: 2022/12/02 10:19 저자 127.0.0.1