HTML5引入了很多新的API，其中包括了H5存儲JSON，讓我們能夠更加方便地存儲和處理JSON格式的數據。下面就讓我們來了解一下H5存儲JSON的具體方法和相關技巧。

H5存儲JSON的方法主要有兩種，分別是localStorage和sessionStorage。這兩種存儲方式都是基于名稱/值對的，可以將JSON對象作為值，使用JSON.stringify()方法將其轉換為字符串。

//存儲JSON到localStorage
var json = {name: "張三", age: 18};
localStorage.setItem("userinfo", JSON.stringify(json));
//從localStorage中獲取JSON
var userinfo = JSON.parse(localStorage.getItem("userinfo"));
console.log(userinfo.name); //輸出“張三”

另外一個要注意的點是，localStorage和sessionStorage的區別在于前者的數據可以永久保存，而后者的數據只能在會話結束前保存。所以在使用時，需要根據需要選擇存儲方式，以達到最佳效果。

除了存儲，H5還提供了一些API可以方便地處理JSON數據。例如，可以使用JSON.parse()方法將字符串轉換為JSON對象，也可以使用JSON.stringify()方法將JSON對象轉換為字符串。

//將字符串轉換為JSON
var jsonStr = '{"name": "李四", "age": 20}';
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.age); //輸出“20”
//將JSON轉換為字符串
var json = {name: "王五", age: 22};
var jsonStr = JSON.stringify(json);
console.log(jsonStr); //輸出“{"name":"王五","age":22}"”

總的來說，H5存儲JSON是非常方便的，通過簡單的API，就可以實現存儲和處理JSON的功能。希望本文能夠對大家有所幫助，也希望大家在實際開發中多加利用H5的強大API，開發出更加實用的應用程序。