使用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

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

Answer 2

localStorage只支持字符串作为值，您必须在保存时对对象执行JSON.stringify操作，在检索对象时对其执行JSON.parse操作

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

const addMarks = () => {
  localstorage.setItem('marks', JSON.stringify(['10']))   
}

Answer 3

您是否尝试过只使用.split()方法？如果你做一个数组'10'，'9'，'8'，你会得到'10,9,8‘。只需使用.split('，')，您将获得一个数组！

LocalStorage.getItem(‘mark ') .split(’，‘)