h5是html5的簡稱，它提供了很多比html4更加強大的功能。其中就包括本地存儲功能。利用本地存儲，我們可以將數(shù)據(jù)存儲到客戶端，以便于離線訪問或提高訪問速度。下面，我們將介紹如何使用h5本地存儲存儲json數(shù)據(jù)。

var data = {
"name": "張三",
"age": 18,
"gender": "男"
};
// 將json數(shù)據(jù)轉(zhuǎn)換為字符串
var jsonData = JSON.stringify(data);
// 將json字符串存儲到本地，鍵名為userData
localStorage.setItem("userData", jsonData);

上述代碼將一個json數(shù)據(jù)對象轉(zhuǎn)換為json字符串，再使用localStorage.setItem()方法將其存儲到本地。其中，setItem()方法接受兩個參數(shù)，第一個參數(shù)為鍵名，第二個參數(shù)為鍵值。這里我們將鍵名設(shè)置為userData，可以根據(jù)實際情況進行修改。

// 從本地取出數(shù)據(jù)
var jsonStr = localStorage.getItem("userData");
// 將json字符串轉(zhuǎn)換為json對象
var jsonObject = JSON.parse(jsonStr);

如果需要從本地取出存儲的json數(shù)據(jù)，我們可以使用localStorage.getItem()方法，并將數(shù)據(jù)鍵名作為參數(shù)傳入。獲取到的是一個json字符串，需要將其轉(zhuǎn)換為json對象，可以使用JSON.parse()方法。

使用h5本地存儲存儲json數(shù)據(jù)非常方便，但需要注意的是，存儲的數(shù)據(jù)量應(yīng)該控制在合理范圍內(nèi)，避免存儲過多數(shù)據(jù)導(dǎo)致瀏覽器卡頓或崩潰。