devops

자바스크립트의 JSON parse, stringify 간단 정리 본문

개발/Javascript

자바스크립트의 JSON parse, stringify 간단 정리

vata500 2022. 7. 11. 22:48
반응형

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)

<key>:<value>

파싱 전의 데이터는 단순 문자열이기 때문에 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 String() Method

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

반응형

'개발 > 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