将数据添加到 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() returns 新的数组长度。

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"]);

将数据添加到 localStorage 并检索它

Add data to localStorage and retrieve it

javascript

local-storage