Javascript 如何遍历对象的所有字段

我是javascript新手。有人请告诉我如何在本地存储器中存储地图。下面是我试过的。存储之后，我似乎无法迭代映射键。 UDATE2:可能是序列化对象函数。 为什么我要使用这个函数？否则，当我在AJAX中发布时，我会得到： 未捕获类型错误：将循环结构转换为JSON

更新：问题似乎出现在它进入本地存储之前

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);
    }
}

下面是序列化对象函数。也许这就是问题所在

$(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;
  };

而不是：

console.log(property);

做：

因为属性变量是实际的属性名称，而不是它的值。

而不是：

console.log(property);

做：

---

因为属性变量是实际的属性名称，而不是它的值。

for..in循环只提供键，而不提供项本身。您可以使用treport[属性]获取项目

---

for..in循环只提供键，而不提供项本身。您可以使用treport[属性]获取项目

变量tReports现在保存报告对象的字符串化版本

localStorage和sessionStorage仅将键/值对存储为字符串

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

因此，如果不想存储对象，则需要将其序列化为字符串

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

如果您不想从存储中检索它，则需要先对其进行反序列化，然后才能使用它

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

变量tReports现在保存报告对象的字符串化版本

localStorage和sessionStorage仅将键/值对存储为字符串

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

因此，如果不想存储对象，则需要将其序列化为字符串

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

如果您不想从存储中检索它，则需要先对其进行反序列化，然后才能使用它

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

---

你能发布整个报告吗？基本上我保存了一个由几个报告字段组成的表单。tRepports应该指向存储在本地存储中的报告。在设置了报告[reportId]=xyz之后，我认为迭代这些报告会得到property=reportId。您仍然可以从本地存储中获取报告。正如巴特建议的那样。必须使用JSON.parse转换数组中的字符串。否则，报告也将是一个字符串，您将迭代每个字母。所以更改var theReports=localStorage.getItem'reports'；to var theReports=JSON.parselocalStorage.getItem'reports'；你能发布整个报告吗？基本上我保存了一个由几个报告字段组成的表单。tRepports应该指向存储在本地存储中的报告。在设置了报告[reportId]=xyz之后，我认为迭代这些报告会得到property=reportId。您仍然可以从本地存储中获取报告。正如巴特建议的那样。必须使用JSON.parse转换数组中的字符串。否则，报告也将是一个字符串，您将迭代每个字母。所以更改var theReports=localStorage.getItem'reports'；to var theReports=JSON.parselocalStorage.getItem'reports'；我没有看到钥匙。好吧，你的线路控制台。logproperty；明确打印对象树端口数组的键属性名称或索引。但我不知道Treport里面有什么。根据您所写的内容，似乎您正在打印数组的索引，而实际上您想要打印该数组的项。@更多问题解答通常在这种情况下，当人们说key时，他们指的是属性名称。当你有一行，比如obj[foo]=bar，obj是一个hashmap，其中foo是键，bar是值。对，但问题是我看到了数百个键。我只保存了一个报告，之后我看到了成百上千个键，尽管我只设置了几个报告。好吧，你的代码中的一些其他点必须设置它们。尝试调试它以查看密钥来自何处。我没有看到密钥。好的，您的行console.logproperty；明确打印对象树端口数组的键属性名称或索引。但我不知道Treport里面有什么。根据您所写的内容，似乎您正在打印数组的索引，而实际上您想要打印该数组的项。@更多问题解答通常在这种情况下，当人们说key时，他们指的是属性名称。当你有一行，比如obj[foo]=bar，obj是一个hashmap，其中foo是键，bar是值。对，但问题是我看到了数百个键。我只保存了一个报告，之后我看到了成百上千个键，尽管我只设置了几个报告。好吧，你的代码中的一些其他点必须设置它们。尝试调试它以查看键来自何处。问题是我看到属性的数百个字段。在本地存储之前和之后都是如此。似乎我在$ajax调用中使用serializeObject方法作为post发送的tReports[property]右侧看到了所有内容的属性。问题是我看到了数百个属性字段。在本地存储之前和之后都是如此。似乎没有

---

我在$ajax调用中使用serializeObject方法作为post发送的tReports[property]右侧看到了所有内容的属性。请查看我的更新。在存储到本地存储之前，我看到了数百个键和名称。我使用serializeObject方法进行了更新。也许这就是问题的原因。我之所以使用此方法，是因为我得到：uncaughttypeerror：将循环结构转换为JSONA循环结构可能是要序列化的对象中的函数或对象。这些需要删除。@MoreQuestionsThanAnswers您仍然需要解析从存储中检索到的对象，然后才能使用它。否则，您操作的是字符串而不是对象。请查看我的更新。在存储到本地存储之前，我看到了数百个键和名称。我使用serializeObject方法进行了更新。也许这就是问题的原因。我之所以使用此方法，是因为我得到：uncaughttypeerror：将循环结构转换为JSONA循环结构可能是要序列化的对象中的函数或对象。这些需要删除。@MoreQuestionsThanAnswers您仍然需要解析从存储中检索到的对象，然后才能使用它。否则，您将对字符串而不是对象进行操作。