화면구현/HTML

JSON(JavaScript Object Notation)

psys 2020. 6. 18. 10:36
728x90

JSON(JavaScript Object Notation)

웹과 컴퓨터 프로그램에서 용량이 적은 데이터를 교환하기 위해 데이터 객체를 속성 · 값의 쌍 형태로 표현하는 형식.

BigData에서 data포맷으로 많이 사용

자바의 해시맵과 비슷

 

1. 빈 객체 선언

선언뿐 아니라 메모리에 빈 객체가 생성됨

<script>
    var v_json = [];
</script>

 

2. key:value

<script>
    var v_json = {"name":"박성연","age":"25"};
</script>

키값이 객체의 속성값으로 들어감

<script>
    var v_json = {"name":"박성연","age":"25"};
    alert(v_json.age);
    alert(v_json.name);
</script>

더보기

>> 눈이 어지러운

<script>
    var v_json = {"name":"박성연","age":"25","easy":["E","A","S","Y"]};
    alert(v_json.easy[3]);
</script>

>> 가독성이 좋은

빈 객체 선언 후 초기화

<script>
    var v_json={};
    v_json.name="박성연";
    v_json.age=25;
    v_json.easy=["E","A","S","Y"];

    alert(v_json.name);
    alert(v_json.age);
    alert(v_json.easy[3]);
</script>

 

3. 접근방법

>> 권장

내부적 처리속도가 빠름

    alert(v_json.name);
    alert(v_json.age);
    alert(v_json.easy[3]);

>> 배열식 접근법

권장을 사용하지 못하는 경우 사용

    alert(v_json["name"]);
    alert(v_json["age"]);
    alert(v_json["easy[3]"]);

 

 

'화면구현 > HTML' 카테고리의 다른 글

복사(copy)와 참조(reference)의 이해  (0) 2020.06.18
HTML 배열과 JSON  (0) 2020.06.18
HTML 배열  (0) 2020.06.18
HTML 변수의 이해  (0) 2020.06.18
HTML 기본 컴포넌트  (0) 2020.06.18