1、JSON.parse()【把json字符串解析成json對象】

2、JSON.stringify()【把json對象中解析成json字符串】

<script>
    let obj = ‘{"name":"bob"}‘;
    console.log(JSON.stringify(obj),‘變為json對象了麽‘)
    let obj1 = {name:‘wow‘};
    console.log(JSON.stringify(obj1),‘變為json字符串了麽‘)
</script>

控制臺結果：

json比較常用的就是這兩個方法了，用來處理後臺過來的數據；

------------------------------------------------------------------------------------------------------------------

3、localStorage（本地存儲）
用於長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去除。（）

4、sessionStorage（會話存儲）
用於臨時保存同一窗口(或標簽頁)的數據，在關閉窗口或標簽頁之後將會刪除這些數據。

<script>
    /*localStorage語法*/
    localStorage.setItem(‘name‘,‘bob‘)
    localStorage.setItem(‘price‘,200)
    console.log(localStorage.length,‘localStorage的長度‘)
    console.log(localStorage.getItem(‘name‘),‘得到localStorage設置的key‘)
    console.log(localStorage.removeItem(‘name‘),‘移除localStorage設置的key(單獨一個)‘)
    console.log(localStorage.clear(),‘移除localStorage設置的key(所有)‘)
    /*sessionStorage語法*/
    sessionStorage.setItem(‘age‘,20)
    sessionStorage.setItem(‘price‘,18)
    console.log(sessionStorage.length,‘sessionStorage的長度‘)
    console.log(sessionStorage.getItem(‘age‘),‘得到sessionStorage設置的key‘)
    console.log(sessionStorage.removeItem(‘age‘),‘移除sessionStorage設置的key(單獨一個)‘)
    console.log(sessionStorage.clear(),‘移除sessionStorage設置的key(所有)‘)
</script>

剛剛設置是這樣的：

執行對應的代碼控制臺和Application這裏對應變化；

5.cookie解說:

簡單地說：cookie是以鍵值對的形式保存的，即key=value的格式;
各個cookie之間一般是以“;”分隔;
cookie默認是臨時存儲，當瀏覽器關閉進程的時候，自動銷毀；

cookie:存儲數據，當用戶訪問了某個網站（網頁）的時候，我們就可以通過cookie來像訪問者電腦上存儲數據；
1、不同的瀏覽器存放的cookie位置不一樣，也是不能通用的；
2、cookie的存儲是以域名的方式進行區分的；
3、cookie的數據是可以設置名字的，name=bob
4、一個域名下存放的cookie的個數是有限制的，不同瀏覽器存放的個數不一樣；

<script>
    //設置一個cookie的過期時間
    var goDate = new Date();
    goDate.setDate(goDate.getDate() + 7); //設置為當前時間起算7天後過期
    document.cookie = ‘name=bob;expires=‘ + goDate.toGMTString();
    console.log(document.cookie, ‘讀取cookie‘) //name=bob; 

    //內容最好編碼存放，編碼--encodeURI(),解碼--decodeURI() \n換行
    document.cookie = ‘name=‘ + encodeURI(‘bob\n您好‘) + ‘;expires=‘ + goDate.toGMTString();
    console.log(decodeURI(document.cookie)); //name=bob 您好

    //封裝
    var Cookie = {
        set: function(key, val, time) { //設置cookie方法
            var date = new Date(); //獲取當前時間
            var expiresDays = time; //將date設置為n天以後的時間
            date.setTime(date.getTime() + expiresDays * 24 * 3600 * 1000); //格式化為cookie識別的時間
            document.cookie = key + "=" + val + ";expires=" + date.toGMTString(); //設置cookie
        },
        get: function(key) { //獲取cookie方法
            /*獲取cookie參數*/
            var getCookie = document.cookie.replace(/[ ]/g, ""); //獲取cookie，並且將獲得的cookie格式化，去掉空格字符
            var Cookies = getCookie.split(";") //將獲得的cookie以"分號"為標識 將cookie保存到Cookies的數組中
            var cookieKey; //聲明變量cookieKey
            for(var i = 0; i < Cookies.length; i++) { //使用for循環查找cookie中的cookieKey變量
                var arr = Cookies[i].split("="); //將單條cookie用"等號"為標識，將單條cookie保存為arr數組
                if(key == arr[0]) { //匹配變量名稱，其中arr[0]是指的cookie名稱，如果該條變量為cookieKey則執行判斷語句中的賦值操作
                    cookieKey = arr[1]; //將cookie的值賦給變量cookieKey
                    break; //終止for循環遍歷
                }
            }
            return tips;
        },
        delete: function(key) { //刪除cookie方法
            var date = new Date(); //獲取當前時間
            date.setTime(date.getTime() - 10000); //將date設置為過去的時間
            document.cookie = key + "=v; expires =" + date.toGMTString(); //設置cookie
        }
    }
    //調用
    Cookie.set("price", 100, 24); //設置為24天過期
    //Cookie.delete("price"); //刪除key
    alert(Cookie.get("price")); //獲取cookie
</script>

搞定；；；

轉自:https://www.cnblogs.com/lhl66/p/9525571.html;

json常用方法和本地存儲方法