Notice
Recent Posts
Recent Comments
Link
devops
자바스크립트의 JSON parse, stringify 간단 정리 본문
반응형
JSON.parse
JSON 문자열을 파싱한다. 파싱은 문장을 문법적 부분으로 나누고, 나누어진 부분을 식별하는 것이다.
쉽게 말해서, JSON을 <key>:<value> 관계로 식별한다.
client-server 통신에서 server가 client에게 전달하는 데이터는 문자열이다. JSON.parse()를 사용하면 데이터를 파싱해서 Javascript 객체로 변환해준다.
const jsonStr = '{"Age": "30", "Name": "Kang"}';
const obj = JSON.parse(jsonStr) // JOSN.parse사용
console.log(obj)
파싱 전의 데이터는 단순 문자열이기 때문에 parse를 해야말 데이터에 접근할 수 있는 Javascript Object가 된다. 파싱이되어야 원하는 key의 value값을 불러올 수 있다.
JSON.stringify
Javascrit Object를 JSON 문자열로 변환해준다.
JSON.stringify는 client가 server에 데이터를 전송할 때 사용한다.
const obj = {Age: 30, Name: "Kang", school: "seoul highschool"};
const jsonStr = JSON.stringify(obj)
console.log(jsonStr)
https://www.w3schools.com/jsref/jsref_string.asp
반응형
'개발 > Javascript' 카테고리의 다른 글
async & await 테스트 해보기 (0) | 2022.07.14 |
---|---|
Javascript 비동기를 처리하는 Promise (0) | 2022.07.14 |
React.js 프롭스(Props) (0) | 2022.06.20 |
React.js 상태(State) (0) | 2022.06.19 |
React.js (JSX) 실습해보기 - 2 (0) | 2022.06.19 |
Comments