"HTML5 로컬스토리지 딕셔너리 저장·인출"의 두 판 사이의 차이

2017년 6월 27일 (화) 03:49 기준 최신판

HTML5 로컬스토리지 딕셔너리 저장·인출
HTML5 로컬스토리지 객체 저장

1 방법[ | ]

JSON.stringify하여 저장

var car1 = {type:"Fiat", model:500, color:"white"};
localStorage.car = JSON.stringify( car1 );

인출 후 JSON.parse하여 사용

var car2 = JSON.parse( localStorage.car );

2 예시[ | ]

예제: http://example.zetawiki.com/html5/localStorage_dictionary.php

<script>
var dict1 = {'foo':'hello', 'bar':'world'};
localStorage.my_dictionary = JSON.stringify(dict1);

var dict2 = JSON.parse(localStorage.my_dictionary);
console.log( dict2 );
// Object {foo: "hello", bar: "world"}
console.log( dict2['foo']);
// hello
</script>

3 같이 보기[ | ]

4 참고[ | ]

http://stackoverflow.com/questions/13743292/how-to-store-a-dictionary-object-in-javascript-localstorage

@@ 1번째 줄: / 1번째 줄: @@
 ;HTML5 로컬스토리지 딕셔너리 저장·인출
+;HTML5 로컬스토리지 객체 저장
 ==방법==
 *[[JSON.stringify]]하여 저장
+<source lang='JavaScript'>
+var car1 = {type:"Fiat", model:500, color:"white"};
+localStorage.car = JSON.stringify( car1 );
+</source>
 *인출 후 [[JSON.parse]]하여 사용
+<source lang='JavaScript'>
+var car2 = JSON.parse( localStorage.car );
+</source>
 ==예시==
-*예제: http://jmnote.com/html5/localStorage_dictionary.php
+*예제: http://example.zetawiki.com/html5/localStorage_dictionary.php
 <source lang='html5'>
 <script>
@@ 24번째 줄: / 32번째 줄: @@
 *[[딕셔너리]]
-==참고 자료==
+==참고==
 *http://stackoverflow.com/questions/13743292/how-to-store-a-dictionary-object-in-javascript-localstorage
 [[분류: HTML5]]