iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0
自我挑戰組

那些有趣的程式系列 第 23

【Day23】從零開始的程式大亂鬥:JavaScript-JSON

  • 分享至 

  • xImage
  •  

今天要介紹的是 JSON 中兩個常用的方法,JSON.stringify()JSON.parse()

這兩種方法的的使用如下:

  • JSON.stringify() :將 物件 變為 JSON字串
  • JSON.parse() :將 JSON字串 變為 物件

Example:

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript-JSON</title>
        <script>
            const object = {
                content: 'JSON'
            };
            sessionStorage.setItem('content', JSON.stringify(object));
        </script>
    </head>
    <body>
        <div class="content"></div>
        <script>
            const content = document.querySelector('.content');
            const obj = JSON.parse(sessionStorage.getItem('content'));
            content.innerText = obj.content;
        </script>
    </body>
</html>

上一篇
【Day22】從零開始的程式大亂鬥:JavaScript-await and async
下一篇
【Day24】從零開始的程式大亂鬥:JavaScript-Event Listener
系列文
那些有趣的程式35
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言