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;