如何遍历本地存储并在单元格中打印结果

时间:2014-12-22 12:58:15

标签: javascript html5

window.onload = function() {
  for (var r = 0; r < localStorage.length; r += 1) {
    var row = table.insertRow(r);
    for (var c = 0; c < 9; c += 1) {
      var cell = r.insertCell(c);
      for (x in localStorage) {
        var obj = JSON.parse(localStorage.getItem(x));
        for (i in obj) {
          cell.innerHTML = obj[i];
        }
      }
    }

  }

}
我正在尝试遍历我存储在本地存储中的对象(JSON.stringified),然后在每个对象生成的单元格中打印值,并将值打印到单元格中。 此代码仅打印第一个对象的最后一个值,但是当我在控制台中运行它时,它会打印所有对象的所有值。请帮忙。

2 个答案:

答案 0 :(得分:0)

window.onload = function() {
      var r=0;
      var c=0;
      for (x in localStorage) {
        var row = table.insertRow(r);
        var obj = JSON.parse(localStorage.getItem(x));
        for (i in obj) {
          var cell = r.insertCell(c);
          cell.innerHTML = obj[i];
          c++;
        }
        r++;
        c=0;
      }
    

请参阅上面的编辑...

答案 1 :(得分:0)

Json String:{“姓名”:“XYZ先生”,“电话”:“9876543210”}

    var obj = [];
    obj.push({ "Name": "Mr. XYZ", "Phone": "9876543210" });
    obj.push({ "Name": "Mr. ABC", "Phone": "0123456789" });
    localStorage.setItem(LocalStorageVariableName, JSON.stringify(obj));

    var item = JSON.parse(localStorage.getItem(LocalStorageVariableName));
    var flag = 0;

    jQuery.each(item, function (index, value) {
        cell.innerHTML = value.Name + '-' + value.Phone;
    });