패키지

javascript의 JSON.parse()와 JSON.stringify 사용법 본문

Client-Side/HTML,CSS,Javascript

javascript의 JSON.parse()와 JSON.stringify 사용법

업단업업 2018. 1. 8. 19:43

javascript의 JSON.parse()와 JSON.stringify 사용법

자바스크립트의 메소드 중에는 JSON.parse()와 JSON.stringify()가 있다.

(JSON으로는 주로 웹서버와의 데이터를 교환할 때 쓰인다.)


JSON.stringify 란

stringify 메소드는 JSON 객체를 String 객체로 변환시켜준다.

어떻게 구성되었는지 알아야, 뽑아낼 수 있다.


node js 프로젝트 중 이미지를 업로드 후 params 를 받는데 stringify로 어떻게 구성되었는지 확인해보았다.

1
2
3
4
5
6
7
8
9
10
User.prototype.selectTestQuery = function (params, err){
 
    console.log(JSON.stringify(params));
    var name = params[0].name;
    var path = params[0].path;
    var mtime = params[0].mtime;
    //,,,,    
}
//던저지는 param
[{"m":30573,"path":"C:\\Users\\testesttest\\workspaceNode\\bms\\temp\\upload_21dd76ad4eea834503b3fa35e8dd29e7","name":"word555.png","type":"image/png","mtime":"2018-01-08T05:22:12.008Z"}]
cs



JSON.parse() 란

parse 메소드는 string 객체를 JSON 객체로 변환시켜준다.(is used to convert a string containing JSON notatio)


  • 테스트 소스

여기서 주의 할 것. JSON.parse()에서 data 변환시, string객체를 변환하는게 아니면 아래의 에러메세지가 발생한다.

unexpected token o

1
2
3
4
5
6
7
8
var data = {
        name : "wkim",
        work : "coder"
}
var apple ='{ "name":"John", "age":30, "city":"New York"}'
 
var apple = JSON.parse(apple);
var worker = JSON.stringify(data);    //결과값 => {"name":"wkim","work":"coder"}
cs


JSON.parse결과



참고

  • http://ithub.tistory.com/54
  • https://www.w3schools.com/js/js_json_stringify.asp
  • https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify


'Client-Side > HTML,CSS,Javascript' 카테고리의 다른 글

HTML 기본 목록 요소들  (0) 2017.12.14
HTML Form 속성(Attribute)  (0) 2017.12.08
HTML 기본 속성(Attributes)  (0) 2017.12.06
XSS 방어 (크로스 사이트 스크립팅)  (0) 2017.11.13
[HTML/CSS]width속성  (0) 2016.04.11
Comments