当我想从本地存储读取时，“for”只迭代一次

Question

我想通过单击按钮从本地存储中读取所有内容并将其显示在我的数组中，但“for”循环仅迭代一次

向本地存储发送内容：

onClick1() {
    var value = document.getElementById('textfield').value; 
    localStorage.setItem("todoData" + Date.now(),value);  

取回：

onClick4(){
  for (var j = 0; j < localStorage.length; j++){
    this.todos = [localStorage.getItem(localStorage.key(j))];
    }

预期结果：
我想查看本地存储中的所有内容

实际结果：
我只得到一个元素

Answer 1

这应该可以解决它：

替换这一行：

localStorage.setItem("todoData" + Date.now(),value);

用这一行：

localStorage.setItem("todoData" + Date.now(), JSON.stringify(value));

还有整个功能：

onClick4() {
  for (var j = 0; j < localStorage.length; j++) {
     this.todos = [localStorage.getItem(localStorage.key(j))];
  }
}

使用此功能：

onClick4() {
 let tempArray = [];
 for (var i = 0; i < localStorage.length; i++) {
     tempArray.push(JSON.parse(localStorage.getItem(localStorage.key(i))));
 }
 this.todos = tempArray;
}