티스토리 뷰

(기초)그래서 뭘 배운거야?/JSON

JSON-07-JSON.stringify() : localStorage저장 후 사용하기

Soheny.P 2021. 10. 19. 17:17
728x90
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p id="demo"></p>

    <script>
        // 객체 주어짐
        const myObj = {name:"Soheny", age:31, city:"Newyork"};
        // JSON으로 받아 문자열로 반환
        const myJSON = JSON.stringify(myObj);
        // localStorage에 반환값 설정
        localStorage.setItem("testJSON", myJSON);

        let text = localStorage.getItem("testJSON");

        // JSON으로 다시 객체화
        let obj = JSON.parse(text);
        console.log(typeof obj); // Object 
        document.getElementById("demo").innerHTML = obj.name;
    </script>

</body>

</html>

728x90
저작자표시 비영리 변경금지 (새창열림)

'(기초)그래서 뭘 배운거야? > JSON' 카테고리의 다른 글

JSON-08-JSON.stringify() : new Date() 문자열화 하기  (0) 2021.10.19
JSON-06-JSON.stringify() : JS 값 or 객체를 JSON문자열로 반환  (0) 2021.10.19
JSON-05-JSON.parse() : 문자열로 작성된 시간 reviver 이용해 사용  (0) 2021.10.19
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함