-
JSON 정리Topic/JavaScript 2021. 12. 22. 15:22반응형
JSON
JavaScript Object Notation
서버 통신의 시작점
Key - Value 세트로 이루어진 data object를 전달하기 위해 사람이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷
특히 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법특징
간결한 데이터 교환 포맷
읽기 쉬운 심플한 텍스트 기반 구조
Key - Value 세트
네트워크끼리의 연결 간의 데이터 직렬화 및 전송에 사용
프로그래밍 언어나 플랫폼에 상관없이 JSON을 사용가능Stringify(Obj)
let json = JSON.stringify(true); console.log(json) //true; json = JSON.stringify(['lion','banana']); console.log(json)//["lion","banana"] => json의 규격사항 문자열이지만 배열처럼 보이게 표기 const dog = { name : 'leo', color : 'white', size : null, birthDate : new Date(), jump : ()=>{ console.log(`${name} can jump!`); }, }; json = JSON.stringify(dog); console.log(json); //{"name":"leo","color":"white","size":null,"birthDate":"2021-10-26T11:31:39.352Z"}
함수와 symboldms은 제외된다.
parse(json)
json = JSON.stringify(dog); const obj = JSON.parse(json); console.log(obj); dog.jump(); // obj.jump();//변환한 object는 함수는 serialize될때 포함 x // -> 함수가 없어 error 발생 console.log(dog.birthDate.getDate()); //console.log(obj.birthDate.getDate()); // error 발생. why? birthDate 는 string // json에서 저장된 문자열이 다시 object 형태에 문자열 타입으로 값이 할당 된 것
반응형'Topic > JavaScript' 카테고리의 다른 글
padEnd (문자열 채우기) (0) 2022.03.01 Promise, 비동기, async, non-block (0) 2021.12.22 비동기, 고차함수, 콜백, (0) 2021.12.20 재귀함수 문제 (0) 2021.12.18 JSON (0) 2021.12.15