JavaScript迭代多个嵌套集

debugcn 发表于 Dev

美度

我正在构建一个PhoneGap“应用程序”（发现很难解决问题和正在工作），并具有一些动态JSON结果，这些结果需要迭代一些不同的子集才能显示易于理解的页面。

数据看起来像这样（例如），在一些子集country1 / country2中可能有多个，单个或没有一个

{
months: [
  {
  index: 201602,
  year: "2016",
  mon: "February",
  country1: [
  {
    index: 12345678,
    l: [
      {
      name: "Test1",
      mname: "Test 1",
      net: "February 10, 2016 11:39:00 UTC",
      }
    ]
    },
    {
    index: 23456789,
    l: [
      {
      name: "Test2",
      mname: "Test 2",
      net: "February 10, 2016 11:39:00 UTC",
      }
    ]
    }
  ],
  country2: [ ]
},
{
index: 201603,
year: "2016",
mon: "March",
country1: [
{
    index: 546547657654,
    l: [
      {
      name: "Test1",
      mname: "Test 1",
      net: "March 10, 2016 11:39:00 UTC",
      }
    ]
}
],
country2: []
},
{
index: 201604,
year: "2016",
mon: "April",
country1: [ ],
country2: [
{
    index: 78676756,
    l: [
      {
      name: "Test1",
      mname: "Test 1",
      net: "April10, 2016 11:39:00 UTC",
      }
    ]
}
]
}
]
}

我能够将JSON.parse解析为一个变量，当我console.log out时我得到

 { months:
   [ { index: 201602,
       year: '2016',
       mon: 'February',
       launches: [Object],
       tbds: [Object] },
     { index: 201603,
       year: '2016',
       mon: 'March',
       launches: [],
       tbds: [Object] },
     { index: 201604,
       year: '2016',
       mon: 'April',
       launches: [],
       tbds: [Object] } ] }

然后，我使用此代码尝试获取值，但是无论我尝试了什么（点形成，索引），我都无法获取要显示的值（我成功地一次获得了“ undefined-undefined”！

  for(var test in data.months){
    console.log(data.months[test]);
    var year = test.index[i].year;
    // var month = data.months.index.mon;
    s += "<p>" + year + "-" + month + "</p>";
  }
    $launchDiv.html(s);

有人愿意帮助我并解释如何处理吗？

谢谢！

拉杰什

您可以使用Array.prototype.forEach（）。

问题

var year = test.index[i].year;
// var month = data.months.index.mon;

首先，测试是属性，而不是obj。所以应该data.months[test]

其次，index是属性，而不是数组。所以index[i]是undefined这样的index[i].year。你应该宁愿尝试data.months[test].year

逻辑

var result = "";
obj.months.forEach(function(item) {
  result += "<p>" + item.year + "-" + item.mon + "</p>";
  item.country1.forEach(function(c) {
    result += getObjectInString(c.l[0]);
  });
  item.country2.forEach(function(c) {
    result += getObjectInString(c.l[0]);
  });
});
document.getElementById("content").innerHTML = result;

function getObjectInString(obj) {
  var keys = Object.keys(obj);
  var result = "<ul>";
  keys.forEach(function(k) {
    result += "<li>" + k + " : " + obj[k] + "</li>";
  });
  result += "</ul>"
  return result;
}

代码样例

var obj = {
  months: [{
    index: 201602,
    year: "2016",
    mon: "February",
    country1: [{
      index: 12345678,
      l: [{
        name: "Test1",
        mname: "Test 1",
        net: "February 10, 2016 11:39:00 UTC",
      }]
    }, {
      index: 23456789,
      l: [{
        name: "Test2",
        mname: "Test 2",
        net: "February 10, 2016 11:39:00 UTC",
      }]
    }],
    country2: []
  }, {
    index: 201603,
    year: "2016",
    mon: "March",
    country1: [{
      index: 546547657654,
      l: [{
        name: "Test1",
        mname: "Test 1",
        net: "March 10, 2016 11:39:00 UTC",
      }]
    }],
    country2: []
  }, {
    index: 201604,
    year: "2016",
    mon: "April",
    country1: [],
    country2: [{
      index: 78676756,
      l: [{
        name: "Test1",
        mname: "Test 1",
        net: "April10, 2016 11:39:00 UTC",
      }]
    }]
  }]
}
var result = "";
obj.months.forEach(function(item) {
  result += "<p>" + item.year + "-" + item.mon + "</p>";
  item.country1.forEach(function(c) {
    result += getObjectInString(c.l[0]);
  });
  item.country2.forEach(function(c) {
    result += getObjectInString(c.l[0]);
  });
});
document.getElementById("content").innerHTML = result;

function getObjectInString(obj) {
  var keys = Object.keys(obj);
  var result = "<ul>";
  keys.forEach(function(k) {
    result += "<li>" + k + " : " + obj[k] + "</li>";
  });
  result += "</ul>"
  return result;
}