ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 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
Designed by LEO.