将数据添加到localStorage并检索它

Question

I have the following:

  <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)
  }

But the outputs only shows:

1
2

and so on.

What am I doing wrong?

EDIT:

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

Also outputs 1 , 2 but color black in the console (so I think as strings?).

Answer 1

.push() returns the new array length.

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

a is now equal to 2 and that array is gone.

Here's what you want:

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

...

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