JSON 스트링 <=> JSON 오브젝트 구분 및 상호 변환

JSON in Javascript 정리

 JSON in Javascript 정리.docx

(1)   JSON 문자열 -> JSON Object

JSON.parse()

 

'{ "name":"John", "age":30, "city":"New York"}'

Ex) 문자열 :

 

 

 

l 

var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');

 

To Json Object

 

 

l  Access JSON Object

 

obj.name => John, 

              obj.age => 30

           obj.city => New York

      (참고) obj.name JSON 오브젝트 이므로 스트링화 할 때는 stringify() 를 붙인다.

           Ex ) alert( obj.name.stringify() ) ;

 

 

 

 

 

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

 

 

 

 

(2)   JSON OBJECt => 문자열

JSON.stringify()

 

Ex) var obj = { name: "John", age: 30, city: "New York" };  // JSON 정의

(string 변수) var  objString =  JSON.stringify(obj);

alert(objstring);

 

 

 

 

제가 전에 전달해드린 예제의 result string 이니 Json 오브젝트로 만들땐

Var result =”{ key1 : value1 }

Var obj;               

JSON.parse(result);    // json 오브젝트

하셔서 자바스크립트 Object 만든

Access 하실때

Obj.키값 하시면 json object value 넘어오니

Var retObj = obj.key1;

Var resultString = JSON.stringify(retObj) //문자열화

이렇게 해서 resultString 쓰면 됩니다.

 

 

   

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
13 [웹 어셈블리, WSAM] Persisting data with Emscripten : Emscripten으로 데이터 유지하기 졸리운_곰 2024.04.20 381
12 [웹 어셈블리, WSAM] Porting a Linux Program to Run in Browser using Emscripten : mscripten을 사용하여 브라우저에서 실행되도록 Linux 프로그램 포팅 졸리운_곰 2024.04.20 392
11 [웹 어셈블리, WSAM] An example of emscripten with WebSocket. file 졸리운_곰 2023.12.12 462
10 [웹 어셈블리, WSAM] サーバサイドはWebAssemblyの夢を見るか? – Node.jsでwasmってみた : 서버 측은 WebAssembly의 꿈을 꾸는가? – Node.js에서 wasm 해 보았습니다. file 졸리운_곰 2023.08.27 366
9 [웹 어셈블리 WSAM, webassembly] WebAssembly on the server-side : 서버측 웹어셈블리 file 졸리운_곰 2023.08.27 504
8 [Blazor][WASM] Awesome Blazor file 졸리운_곰 2021.08.15 20070
7 [Blazor][C# .net] Blazor와 C#으로 풀스택 웹 개발하기 file 졸리운_곰 2021.08.15 444
6 [WASM][web assembly] 웹 어셈블리를 보다 쉽게 웹 어플리케이션에 적용하는 방법 file 졸리운_곰 2021.07.19 428
5 Using Blazor, Tensorflow and ML.NET to Identify Images file 졸리운_곰 2021.07.03 529
4 [WASM][WebAssembly] The Top 81 Emscripten Open Source Projects 졸리운_곰 2021.04.19 518
3 [WebAssembly][WSAM] Blazor와 WebAssembly 소개 file 졸리운_곰 2021.03.28 516
2 Webassembly Tutorial using Emscripten file 졸리운_곰 2020.10.24 646
1 [웹어셈블리] Visual Studio 2019와 Emscripten (emcc) 개발 file 졸리운_곰 2020.10.18 2094
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED