使用 local-storage 将数组存储为值并更新它

Question

我正在尝试使用在本地存储中保存一些数据。我在这里尝试，

let marks = localstorage.getItem('marks') || [] 

现在，我正在尝试使用一些操作将元素添加到此数组中。

const addMarks = () => {

  

localstorage.setItem('marks', ['10'])   

}

然后我使用这个变量来渲染标记

marks.map((index, mark) => {

  return <h1>mark</h1>

})

但是这种方式不起作用，因为localstorage 它只支持字符串作为value.

我该如何实施？

Answer 1

您是否尝试过只使用 .split() 方法？如果你创建一个数组 ['10', '9', '8']，你将得到 '10,9,8'。只需使用 .split(',') 即可得到一个数组！localStorage.getItem('标记').split(',')

Answer 2

localStorage只支持字符串作为值，你必须JSON.stringify在保存它们时使用你的对象，JSON.parse在检索它们时使用它们let marks = JSON.parse(localstorage.getItem('marks')) || [];const addMarks = () => {&nbsp; localstorage.setItem('marks', JSON.stringify(['10']))&nbsp; &nbsp;}

Answer 3

将其序列化为JSON.stringify() 并将其解析回Parse