JavaScript 操作 session 是 Web 開發中非常常見的操作。在網站開發中，我們通常需要存儲一些用戶數據或者狀態，比如用戶登錄狀態、購物車中的商品、頁面間的傳值等等。這些數據通常可以存在 cookie 或者 session 中，而 JavaScript 可以通過操作 session 來獲取、設置、刪除這些數據。

下面我們通過一些例子來了解如何使用 JavaScript 操作 session。

// 設置 session
sessionStorage.setItem("key", "value");
// 獲取 session
var value = sessionStorage.getItem("key");
// 刪除 session
sessionStorage.removeItem("key");

上面的例子展示了如何使用 sessionStorage 來操作 session 數據。sessionStorage 是 HTML5 新增的 Web 存儲方式，它有以下幾個特點：

• 數據存儲在客戶端，不占用服務端資源；
• 只能存儲字符串類型的數據；
• 數據僅在當前頁面或者當前會話中可用。

除了 sessionStorage，還有另外一種 Web 存儲方式，叫做 localStorage，它的主要區別在于數據的生命周期不同。localStorage 中保存的數據可以長期存在，即使用戶關閉了網頁或者瀏覽器，數據依然存在客戶端中。

// 設置 localStorage
localStorage.setItem("key", "value");
// 獲取 localStorage
var value = localStorage.getItem("key");
// 刪除 localStorage
localStorage.removeItem("key");

除了 sessionStorage 和 localStorage，我們還可以使用 cookie 來存儲數據。cookie 可以通過 JavaScript 操作，但它有以下幾個缺點：

• 存儲的數據量有限，通常只能存儲 4 KB 左右的數據；
• 所有 cookie 都會被發送到服務器，增加了網絡流量；
• cookie 需要設置過期時間，否則會一直存在客戶端。

// 設置 cookie
document.cookie = "name=value; expires=Wed, 31 Dec 2025 23:59:59 GMT; path=/";
// 獲取 cookie
var value = null;
var cookies = document.cookie.split("; ");
for (var i = 0; i< cookies.length; i++) {
	var cookie = cookies[i].split("=");
	if (cookie[0] === "name") {
value = cookie[1];
	}
}
// 刪除 cookie
document.cookie = "name=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";

在實際開發中，我們需要根據需要選擇合適的方式來存儲數據。如果數據較小，且需要長期保存，可以使用 localStorage；如果數據較大，或者僅需短期保存，可以使用 sessionStorage；如果需要與服務器交互，可以使用 cookie。

總之，JavaScript 操作 session 是 Web 開發中非常重要的一個方面，通過學習如何使用 sessionStorage、localStorage 和 cookie 來存儲數據，我們可以更好地實現網站開發中的各種功能。