cookie 存储多个值

在Web开发中，Cookie是一种用于在客户端存储小量数据的技术，它能够帮助我们记住用户的信息，比如登录状态、用户偏好等，有时我们需要在一个Cookie中存储多个值，这可以通过多种方法实现，以下是几种常见的方法：

1、使用分隔符：可以使用特定的分隔符将多个值连接在一起，然后存储在Cookie的value中，在读取Cookie时，再根据分隔符将值分割出来，常用的分隔符有逗号、分号、竖线等。

设置Cookie时，可以将多个值用逗号连接起来，如document.cookie = "userPreferences=theme,dark;fontSize,16px;language,en";。

读取Cookie时，可以使用JavaScript的split()方法将值分割成数组，如let preferences = document.cookie.split('; ').find(row => row.startsWith('userPreferences=')).split('=')[1].split(',');。

2、使用JSON格式：可以将多个值封装成一个JSON对象，然后将该对象转换为字符串存储在Cookie的value中，在读取Cookie时，再将字符串解析为JSON对象。

设置Cookie时，可以创建一个JSON对象，如let userPreferences = { theme: "dark", fontSize: "16px", language: "en" };，然后将其转换为字符串并存储到Cookie中，如setCookie("userPreferences", JSON.stringify(userPreferences), 7);。

读取Cookie时，可以使用JSON.parse()方法将字符串解析为JSON对象，如let userPreferencesString = getCookie("userPreferences"); if (userPreferencesString) { let userPreferences = JSON.parse(userPreferencesString); console.log(userPreferences); }。

3、使用子Cookie：可以将多个值存储在同一个Cookie中的不同子Cookie中，每个子Cookie都有自己的名称和值，在读取Cookie时，可以根据子Cookie的名称获取对应的值。

设置Cookie时，可以创建多个子Cookie，如setCookie("userTheme", "dark", 7); setCookie("userFontSize", "16px", 7); setCookie("userLanguage", "en", 7);。

读取Cookie时，可以使用JavaScript的正则表达式匹配子Cookie的名称并获取对应的值，如function getSubCookie(name) { let nameEQ = name + "="; let ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; }。

通过以上三种方法，我们可以灵活地在Cookie中存储多个值，以满足不同的需求。