json常用方法和本機存放區方法

標籤：本機存放區   .com   bsp   spl   聲明變數   到期   索引值   9.png   log   

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的個數是有限制的，不同瀏覽器存放的個數不一樣；
5、每個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常用方法和本機存放區方法