javascript - 如何追加本地存储新对象

Question

我尝试在本地存储中附加新对象。当我尝试单击以存储新对象时，它不起作用。它只是改变了本地存储中的现有值。

这是我的代码

addLocalStorage(e) {
  let items = JSON.parse(localStorage.getItem('store')) || [];
  let obj = {}
  obj = {
    id: this.props.id,
    name: this.props.name,
    year: this.props.year
  };
  items.push(obj);
  localStorage.setItem('store ', JSON.stringify(items));
}

当我点击其中一项时，我的存储空间就会转变

[{id: "1", name: "lorem", year: "2016"}]

没关系。但我的问题是，当我单击其他项目时，它会变成，

[{id: "2", name: "ipsum", year: "1990"}]

但我想要结果

[{id: "1", name: "lorem", year: "2016"},{ id: "2", name: "ipsum", year: "1990" }]

我怎样才能做到这一点？

Answer 1

您读取和写入不同的本地存储项:

localStorage.setItem('store '

注意尾随空格。