如何将数组保存到会话存储中？

Question

我已经阅读了一些类似的主题，但是解决方案不适用于我。我正在处理的页面具有用于图像库的过滤器。每次我单击过滤器时，通过JSON文件根据该过滤器重新加载图像。

如果我想应用多个过滤器，则需要在重装之前选择的过滤器保存在数组变量中。

这是我的代码

let filterArray = []

sessionStorage.setItem('filterArray', JSON.stringify(filterArray))

let savedArr = JSON.parse(sessionStorage.getItem('filterArray'))

目前，我没有重新设置页面，但是在单击过滤器并刷新页面后，我希望能够记录'savedArr'变量，但是当我得到此信息时：

未捕获的ReferenceError：未定义savedArr在：1：13

Answer 1

刷新页面后无法登录savedArr，需要重新定义。

会话存储中的数据将保留，但变量声明将不保留。

重新加载页面后再次调用声明行，您将可以访问数据。

let savedArr = JSON.parse(sessionStorage.getItem('filterArray'))