javascript - 如何在本地存储中保存对象、变量、数组？

Question

在我的 Controller 中，我有这个请愿书 $http:

    $http({
    method: 'POST',
    url: 'http://localhost/nPanelarencion/app/php/consulta.php',
    headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json'
    }
})

  .then(function(data) {
     var dat = data.data;

     for (var i = 0; i < dat.length; i++) {
       dat[i]
      var runum = dat[i].rut +","+ dat[i].numero
      console.log("show: ",runum);
      localStorage.setItem("rutnum",runum);
     }
  });

在我的 console.log(runum) 中显示:

Image

问题是在我的本地存储中我只保存了一个数字， 覆盖之前的变量。在另一个 Controller ->功能中我有这个:

      function loadAll() {
    var rut = localStorage.getItem("rutnum").split(",")[0];
    console.log("el rut es: ",JSON.stringify(rut));


    var num = localStorage.getItem("rutnum").split(",")[1];
    console.log("El numero es: ",parseInt(num));
    var finalnum = parseInt(num)

    var repos = [
      {
        'rut'      : rut,
        'numero'   : finalnum

      }

    ];
    return repos.map( function (repo) {
      repo.value = repo.rut.toLowerCase();
      return repo;
    });
  }

在我的 html 中只显示一个数字，而不是我想要的所有常规数字。

这是本地存储的图片:

pic 2

Answer 1

只需将所有对象推送到一个数组中，然后使用 stringify 将该数组保存在本地存储中:

.then(function(data) {
     var dat = data.data;
     var runum = [];
     for (var i = 0; i < dat.length; i++) {
       dat[i]
       runum.push(dat[i].rut +","+ dat[i].numero);
       console.log("show: ",runum);
     }

     localStorage.setItem("rutnum",JSON.stringify(runum));
  });

当您需要从存储中取回数据时，您必须解析它们:

var my_data = JSON.parse(localStorage.getItem("rutnum"));