在現代網頁中，經常出現登錄狀態保持和用戶數據存儲的需求。Cookie就是一個很好的解決方案。但是，如果需要存儲復雜的數據結構，使用Cookie就很麻煩了。幸運的是，我們可以通過將JSON字符串存儲在Cookie中來解決復雜數據存儲的問題。

JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。它可以被JavaScript很簡單地解析和創建。因此，我們可以將復雜的JavaScript對象轉化為JSON字符串，然后將它存儲在Cookie中。這樣，我們就可以輕松地存儲和獲取復雜數據結構了。

function setCookie(name, value) {
const jsonValue = JSON.stringify(value);
const encodedValue = encodeURIComponent(jsonValue);
document.cookie = `${name}=${encodedValue}`;
}
function getCookie(name) {
const cookie = document.cookie.split(';')
.find(c =>c.trim().startsWith(`${name}=`));
if (cookie === undefined) {
return undefined;
}
const encodedValue = cookie.split('=')[1];
const jsonValue = decodeURIComponent(encodedValue);
return JSON.parse(jsonValue);
}

在上面的代碼中，我們使用了JSON.stringify()和JSON.parse()方法將JavaScript對象與JSON字符串之間進行互相轉換。setCookie()方法將對象轉化為JSON字符串，并將其編碼后存儲在Cookie中。getCookie()方法讀取Cookie中的JSON字符串，然后解碼并轉化為JavaScript對象。

在使用Cookie來存儲JSON字符串時，需要注意一些限制。首先，Cookie的大小是有限制的。對于大型的JSON數據，不能使用Cookie來存儲。其次，Cookie會在請求時自動發送到服務器端。因此，存儲敏感數據時需要格外小心。

總之，使用Cookie來存儲JSON字符串是一個方便的方法，可以輕松地存儲和獲取復雜數據結構。雖然有一些限制，但是對于一些簡單的應用場景來說，這種方式仍然是非常有用的。