使用 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 = () => {

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

}

Answer 3

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