当您需要在浏览器中跨页面或刷新页面保留数据时，将 JavaScript 数组存储为 Cookie 是一个不错的选择。Cookies 是一种在客户端存储数据的小型文本文件，它们可以在 Web 应用程序中存储用户的偏好设置、购物车中的商品和其他信息。
创建 Cookie
要创建 Cookie，我们可以使用 JavaScript 中的 document.cookie 属性。以下是一个简单的示例：
-- -------------------- ---- -------
-------- ------------------ ------ ----- -
--- --------
-- ------ -
----- ---- - --- -------
--------------------------- - ---- - -- - -- - -- - ------
------- - -- --------- - -------------------
- ---- -
------- - ---
-
--------------- - ---- - --- - ----- - ------- - -- --------
-在这个函数中，我们传递三个参数：Cookie 名称、Cookie 值和过期时间（以天为单位）。如果没有指定到期日期，则 cookie 在浏览器关闭时自动过期。
存储数组
要将 JavaScript 数组存储为 Cookie，我们可以首先将其转换为字符串，然后使用 createCookie() 函数将其存储为 Cookie：
const myArray = ["apple", "banana", "orange"];
const myArrayString = JSON.stringify(myArray);
createCookie("myArrayCookie", myArrayString, 30);在这个示例中，我们首先定义了一个包含三个元素的数组 myArray。然后，我们使用 JSON.stringify() 方法将该数组转换为字符串 myArrayString。最后，我们将该字符串存储为名为 myArrayCookie 的 Cookie，并将其设置为 30 天后过期。
检索数组
要检索存储在 Cookie 中的 JavaScript 数组，我们可以使用以下代码：
-- -------------------- ---- -------
-------- ---------------- -
----- ------ - ---- - ----
----- -- - ---------------------------
--- ---- - - -- - - ---------- ---- -
--- - - ------
----- ------------ --- - -- - - -------------- ----------
-- ------------------ --- -- ------ -------------------------- ----------
-
------ -----
-
----- ----------------------- - ----------------------------
----- ----------------- - ------------------------------------在这个示例中，我们首先定义了一个名为 readCookie() 的函数，用于读取指定名称的 cookie 值。然后，我们传递 myArrayCookie 的名称来获取存储在其中的字符串值。最后，我们使用 JSON.parse() 方法将字符串解析为原始数组值。
小结
通过将 JavaScript 数组存储为 Cookie，我们可以方便地在 Web 应用程序中保留数据，即使用户关闭浏览器或刷新页面。在将数组转换为字符串时，我们可以使用 JSON.stringify() 方法。在读取 Cookie 值之后，我们使用 JSON.parse() 方法将字符串解析为原始 JavaScript 数组。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30930