javascript - 将数据添加到 localStorage 并检索它

Question

我有以下内容:

  <form onsubmit={ addToLocalStorage }>
  </form>

  this.items = []

  addToLocalStorage(e) {
    var input = e.target[0]
    var todos = JSON.parse(localStorage.getItem('todos') || '[]')
    var savedItems = this.items.push(input.value)
    localStorage.setItem('todos', JSON.stringify(savedItems))
    console.log(todos)
  }

但输出仅显示:

1
2

等等。

我做错了什么？

编辑:

console.log(localStorage.getItem('todos'))

还输出 1,2 但在控制台中颜色为黑色(所以我认为是字符串？)。

Answer 1

.push() 返回新的数组长度。

var a = [].push("a");
a = a.push("b");

a 现在等于 2，并且该数组消失了。

这就是您想要的:

this.items.push(value);
localStorage["someKey"] = JSON.stringify(this.items);

...

var loadedArray = JSON.parse(localStorage["someKey"]);