小編給大家分享一下localStorage存儲(chǔ)讀取JSON如何實(shí)現(xiàn)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站長(zhǎng)期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為弋江企業(yè)提供專業(yè)的網(wǎng)站制作、網(wǎng)站建設(shè)，弋江網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

localStorage是HTML5提供的再客戶端實(shí)現(xiàn)本地存儲(chǔ)的一種方法，但是localStorage方法只能存儲(chǔ)字符串?dāng)?shù)據(jù)，有時(shí)候我們需要存儲(chǔ)對(duì)象到本地比如：JSON；那么，localStorage怎么才能實(shí)現(xiàn)JSON數(shù)據(jù)的存儲(chǔ)與讀取呢？

思路：既然localStorage只能存儲(chǔ)字符串?dāng)?shù)據(jù)，那么我們就可以先把JSON對(duì)象轉(zhuǎn)換成字符串，然后用localStorage方法存儲(chǔ)起來(lái)；等到需要用到這些JSON數(shù)據(jù)時(shí)，先把它們讀取出來(lái)，然后再轉(zhuǎn)換成JSON對(duì)象加以利用。

具體代碼如下：

var jsonData = {'name': '張三', 'age': 29}; // 定義一個(gè)JSON對(duì)象
var str_jsonData = JSON.stringify(jsonData);
console.log(typeof(str_jsonData)); // string
localStorage.setItem('localData', str_jsonData); // 存儲(chǔ)字符串?dāng)?shù)據(jù)到本地
var getLocalData = localStorage.getItem('localData'); // 讀取字符串?dāng)?shù)據(jù)
console.log(typeof(getLocalData)); // string
var jsonObj = JSON.parse(getLocalData);
console.log(typeof(jsonObj)); // obj
console.log(jsonObj.age); // 29

以上是localStorage存儲(chǔ)讀取JSON如何實(shí)現(xiàn)的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！