javascript - "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;
}