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 |