Как перебирать все поля объекта

Question

Я новичок в javascript. Кто-нибудь, пожалуйста, покажите мне, как хранить карту в локальном хранилище. Ниже я попытался. После хранения я, похоже, не могу перебирать ключи карты. UDATE2: Это может быть функция serializeObject. Почему я использую эту функцию? В противном случае, когда я отправляю в AJAX, я получаю: Uncaught TypeError: Преобразование круговой структуры JSON

UPDATE: выглядит как ПРОБЛЕМА перед тем как оно переходит в локальном запоминающем устройстве.

var reportId = getGUID(); 

var theReports = localStorage.getItem('reports'); 
if (theReports == null) { 
    theReports = {}; 
} 

theReports[reportId] = JSON.stringify($('#reportInfo').serializeObject()); 

// HERE ALSO I AM SEEING HUNDREDS OF FIELDS. I EXPECTED JUST reportID. I AM NOT SEEING THE KEY reportId. THIS IS BEFORE IT GOES INTO LOCAL STORAGE. 

for (var prop in theReports) 
{ 
    console.log(prop); 
} 

localStorage.setItem('reports', JSON.stringify(theReports)); 
var tReports = localStorage.getItem('reports'); 

// This prints out 1,2,3,...500 for every field in #reportInfo form 
// What I was expecting is reportId1, reportId2 etc. and definitely not the id of each field of the report itself! 
for (var property in tReports) { 
    if (tReports.hasOwnProperty(property)) { 
     console.log(property); 
    } 
} 

Это функция serializeObject. Возможно, это проблема.

$(function() { 


    $.fn.serializeObject = function(){ 

    var self = this, 
    json = {}, 
    push_counters = {}, 
    patterns = { 
    "validate": /^[a-zA-Z][a-zA-Z0-9_]*(?:\[(?:\d*|[a-zA-Z0-9_]+)\])*$/, 
    "key":  /[a-zA-Z0-9_]+|(?=\[\])/g, 
    "push":  /^$/, 
    "fixed": /^\d+$/, 
    "named": /^[a-zA-Z0-9_]+$/ 
    }; 


    this.build = function(base, key, value){ 
    base[key] = value; 
    return base; 
    }; 

    this.push_counter = function(key){ 
    if(push_counters[key] === undefined){ 
    push_counters[key] = 0; 
    } 
    return push_counters[key]++; 
    }; 

    $.each($(this).serializeArray(), function(){ 

     // skip invalid keys 
     if(!patterns.validate.test(this.name)){ 
     return; 
     } 

     var k, 
     keys = this.name.match(patterns.key), 
     merge = this.value, 
     reverse_key = this.name; 

     while((k = keys.pop()) !== undefined){ 

     // adjust reverse_key 
     reverse_key = reverse_key.replace(new RegExp("\\[" + k + "\\]$"), ''); 

     // push 
     if(k.match(patterns.push)){ 
     merge = self.build([], self.push_counter(reverse_key), merge); 
     } 

     // fixed 
     else if(k.match(patterns.fixed)){ 
     merge = self.build([], k, merge); 
     } 

     // named 
     else if(k.match(patterns.named)){ 
     merge = self.build({}, k, merge); 
     } 
     } 

     json = $.extend(true, json, merge); 
     }); 

    return json; 
    }; 

Answer 1

var tReports = localStorage.getItem('reports'); 

Переменная tReports Теперь держит строковой версии отчетов объекта.

---

localStorage и sessionStorage хранить только пару ключ/значение в виде строки.

Так что если вы не хотите хранить объект, вам необходимо его сериализовать в строку.

localStorage.setItem('key', JSON.stringify(myObject)); 

Если вы не хотите его извлекать из хранилища, вам необходимо сначала десериализовать его, прежде чем вы сможете его использовать.

var myObject = JSON.parse(localStorage.getItem('key')); 

https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Storage?redirectlocale=en-US&redirectslug=DOM%2FStorage

Answer 2

Вместо:

console.log(property); 

Do:

console.log(tReports[property]); 

Поскольку переменная property является фактическое имя свойства, а не его значение.

Answer 3

Цикл for..in дает вам только ключи, а не сами элементы. Вы получаете детали с tReports[property]

var obj = { 
    "1": "one", 
    "2": "two", 
    "3": "three" 
}; 

for (var key in obj) { 
    console.log(key); //1, 2, 3 
    console.log(obj[key]); //one, two, three 
}